使用jQuery的图像像素颜色选择器

Question

首先，这不是一个简单的“颜色选择器”。所以有一张图片（大小和内容无关紧要），我想选择一些像素的颜色（然后使用这些颜色生成基于HTML或Canvas的半色调“图像”）。

例如：有一张240x240的图像。我想选择以下坐标的颜色：x80y80，x80y160，x160y80，x160y160。我如何用jQuery / javascript（不包括jQuery UI）获取它们？是否有必要使用canvas元素？

如果有人能帮我完成这项任务，我将不胜感激。

Answer 1

你可以将一个img图像绘制到一个canvas元素中，然后使用它的canvas.getContext（“2d”）。getImageData来获取像素的信息

Answer 2

这会帮助你交配 - http://www.project-sierra.de/ImageColorPicker/example/

祝你好运！