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

Question

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

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

任何帮助将不胜感激。

Answer 1

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

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

3. 对图像数据应用半色调滤镜。请参阅：制作半色调图像的算法？

4. 更新图像数据

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