HTML5 Canvas 学习日志（九）

HTML5 Canvas 学习日志（九）
获取图片像素

/* chrome内核的浏览器运行如下代码会报 Uncaught SecurityError， 可用firefox运行 或者 getImageData方法获取像素值需在同一个域名下 将文件放在一个web服务器下运行 */canvas.click(function(e){var canvasOffset = canvas.offset();var canvasX = Math.floor(e.pageX-canvasOffset.left);var canvasY = Math.floor(e.pageY-canvasOffset.top);var imageData = context.getImageData(canvasX, canvasY, 1, 1);var pixel = imageData.data;var pixelColor = "rgba("+pixel[0]+", "+pixel[1]+", "+pixel[2]+", "+pixel[3]+")";
    $("body").css("backgroundColor", pixelColor);
});