使用 JavaScript 为图像创建彩色半色调效果

Question

谁能告诉我是否有一种方法可以在不使用 WebGL 的情况下使用 JavaScript 将彩色半色调效果应用于图像。我需要创建它，以便它可以跨多个设备和浏览器使用。我找到了这个，但它使用 WebGL：http://evanw.github.com/webgl-filter/

我可以使用three.js或processing.js来实现吗？

任何帮助将不胜感激。

Answer 1

1. 为自己创建一个画布元素并将图像放入其中（参见@Diodeus 的链接）。

2. 从画布中获取图像数据 - 现在您可以遍历所有像素。

3. 对图像数据应用半色调滤镜。见：Algorithm to make halftone images?

4. 更新图像数据

顺便说一句：我不建议在客户端计算机上执行此操作。图像处理需要一些客户端（例如智能手机）可能不具备的处理能力。最好在服务器上执行一次，例如ImageMagick。