这篇博客通过HTML5 Worker展示了图片灰度变换的效果。当鼠标悬停在图片上时，Worker在后台处理图片像素，将图片转换为灰度，不影响页面性能。实现过程中，需要引入jQuery库，并在img标签中指定要变换的图片。
worker的js代码
img.js
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 grayscale = pix[i] * xcord + pix[i + 1] * .59 + pix[i + 2] * .11;
pix[i] = grayscale; // red
pix[i + 1] = grayscale; // green
pix[i + 2] = grayscale; // blue
}
imgd['pixels'].data = pix;
return imgd;
}<!DOCTYPE html>
<html>
<head>
<title>test2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="
最低0.47元/天 解锁文章
282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
