html5 작업자 예제(2) 이미지 변환 effect_html5 튜토리얼 기술

worker's js code img.js

코드 복사

코드는 다음과 같습니다.

onmessage = function(e) {
postMessage(filter(e.data))
}
function filter(imgd) {
var pix = imgd.pixels. data;
var xcord = imgd.x / 1000;
var ycord = imgd.y / 1000
for ( var i = 0, n = pix.length; i < n; i = 4 ) {
var greyscale = pix[i] * xcord pix[i 1] * .59 pix[i 2] * .11;
pix[i] = greyscale // 빨간색
pix; 1] = 회색조; // 녹색
pix[i 2] = 회색조; // 파란색
}
imgd['pixels'].data = pix;
return imgd;

html 코드

코드 복사코드는 다음과 같습니다. 다음: