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

Question

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

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

非常感谢任何帮助。

Answer 1

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

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

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

4. 更新图像数据

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