�摜�ɊȒP�Ɏ�������邱�Ƃ̂ł���A�����Ȃ�����yJavaScript���C�u�����APixastic���Љ��B�A�����W�̉��������Љ��
�@����A�Љ�郉�C�u�����͂�����́uPixastic�v�Ƃ���JavaScript���C�u�����ł��I
�@Pixastic���C�u�����𗘗p����ƁA�摜�ɃG�t�F�N�g�Ȃǂ̌��ʂ��|�����܂��BHTML5��API�ƘA�g���邱�ƂŁA�A�v���P�[�V�����̂悤�ȓ�����\�ɂȂ�܂��B
�@�ߋ��ɁuHTML5�v�֘A�̕���Ŕ��\�����ہA����Pixastic���C�u�������g�����x�[�^�ŃT���v���A�v�����I���܂����B�M�҂Ƃ��Ă͔��ɗD�ꂽ���C�u�����ł���Ǝv���܂��̂ŁA�ēx�L���ɂďЉ�܂��B
�@�摜�Ɏ�������邱�Ƃ��ł���A�I�[�v���\�[�X��JavaScript���C�u�����ł��BGitHub�ɂ��A�b�v���[�h����Ă��܂����A�ȉ���URL���uPixastic�v�̃T�C�g�ł��B
�@JavaScript���C�u�������g�p���邾���ŁA�ȉ��̂悤�ȉ摜���H���\�ɂȂ�܂��B
�@�T���v���́AChrome�ASafari�̃u���E�U�ł��m�F���������B
�@�uPixastic�v�T�C�g�ɂ��A�u���E�U�Ή����\������Ă��܂��̂ŁA�s�x���m�F���������B
1�D�܂��́uPixastic�v���_�E�����[�h���܂��傤�B
�@�_�E�����[�hURL�Fhttp://www.pixastic.com/lib/download/
2�D�ȉ��̉�ʂ��J���܂��B
�@��L�摜�i�y�[�W���j���uActions (check all)�F�v�̉ӏ����N���b�N�B
�@�uActions (check all)�F�v�ӏ��̈ȉ����ׂẴ`�F�b�N�{�b�N�X�Ƀ��_������܂��i���ׂđI���j�B
�@�y�[�W�������uBuild file�v�{�^�����N���b�N�����pixastic�t�@�C�����_�E�����[�h�ł��܂��B
�@���f�X�N�g�b�v��Ƀ_�E�����[�h����ƕ�����₷���ł��B
3�Dsample�t�@�C�����_�E�����[�h�����������B
�@[ �_�E�����[�h �����@sample1.zip ]
�@���E�N���b�N�u�����N���ʖ��ŕۑ��v���Ă��������B
�@���f�X�N�g�b�v�Ƀ_�E�����[�h����ƕ�����₷���ł��B
4�Dsample1.zip���𓀂���Ɓusample1�v�t�H���_���쐬����܂��B
�@�ȉ���4�t�@�C�����t�H���_���ɂ��邱�Ƃ��m�F���Ă��������B
| index.html | ���[�r�[�y�[�W | |
| pixastic.custom.js | JavaScript���C�u���� | |
| jquery.js | JavaScript���C�u���� | |
| ���H�p�C���[�W | ||
5�D�t�H���_����[ index.html ]��Chrome��Safari�̃u���E�U�ŊJ���Ă��������B
6�D���L��ʂ��\������܂��B
�@�u���[���ʁi�ڂ����j�̃T���v�������Љ�܂��B
7�D[Blur image]�{�^�����N���b�N����Ɖ摜���{�����܂��B
�@[Reset]�{�^���Ń{�������摜�����ɖ߂��܂��B
8.����ŃT���v���y�[�W�̊m�F��OK�ł��B
1�Dindex.html�t�@�C�����G�f�B�^�ŊJ���Ă��������B
2�D27�s�ځ`34�s�ځisample1.html�j
//Blur image���N���b�N
function blur_btn() {
Pixastic.process(can, "blur");
}
//Reset���N���b�N
function reset_btn() {
Pixastic.revert(document.getElementById("demoimage"));
}
3�D�R�[�h�̐���
1�Dsample�t�@�C�����_�E�����[�h�����������B
�@[�_�E�����[�h �@���� �@sample2.zip ]
�@���E�N���b�N�u�����N���ʖ��ŕۑ��v���Ă��������B
2�Dsample2.zip���𓀂���Ɓusample2�v�t�H���_���쐬����܂��B
�@�ȉ���4�t�@�C�����t�H���_���ɂ��邱�Ƃ��m�F���Ă��������B
| index.html | ���[�r�[�y�[�W | |
| pixastic.custom.js | JavaScript���C�u���� | |
| jquery.js | JavaScript���C�u���� | |
| ���H�p�C���[�W | ||
3�D�t�H���_����[index.html]��Safari�AChrome�i�ꕔ�@�\���g���܂���j�̃u���E�U�ŊJ���Ă��������B
4�D���L�̉�ʂ��\������܂��B
�@�e�@�\�̃{�^���������Ă݂Ă��������i�����[�h����Ə���������܂��j�B
5�D����ŃT���v���y�[�W�̊m�F��OK�ł��B
1�Dindex.html�t�@�C�����G�f�B�^�ŊJ���Ă��������B
2�D30�s�ځ`50�s�ځisample2.html�j
//����
var description = function (){
Pixastic.process(document.getElementById('demoimage'), "desaturate", {average : false});
};
//�\�[�����C�Y
var solarize = function (){
Pixastic.process(document.getElementById('demoimage'), "solarize");
};
//�Z�s�A
var sepia = function(){
Pixastic.process(document.getElementById('demoimage'), "sepia");
};
//�����]
var flip = function() {
Pixastic.process(document.getElementById('demoimage'), "fliph");
};
//�c���]
var flipv = function() {
Pixastic.process(document.getElementById('demoimage'), "flipv");
};
3�D��L�R�[�h�̐���
�@Pixastic.process�̑������Ɂgflipv�h�A�gsepia�h�A�gdesaturate�h���Ȃǂ̃v���p�e�B���L�q���邾���ŁA�����A�Z�s�A�A�c���]�Ȃǂ��ȒP�ɂł���悤�ɂȂ�̂ł��B
Copyright © ITmedia, Inc. All Rights Reserved.
��IT eBook
�ҏW������̂��m�点