如何使用JavaScript更改清晰度并使照片变为黑白？

Question

我用HTML设计了一个基本网页，它基本上是用于在线编辑照片的网络应用程序。

现在我无法对程序进行编码，以确定颜色清晰度亮度模糊，使照片变成黑白等等。

我们如何使用HTML和JavaScript使其在线工作？

Answer 1

您可以使用<canvas>：

执行此操作

https://developer.mozilla.org/en/Canvas_tutorial

• 使用Javascript

在<canvas>上绘制图像

• Canvas提供原始像素访问。运行用Javascript编写的过滤代码。示例：http://blog.nihilogic.dk/2008/03/jsimagefx-javascript-image-effects.html

• 您可以在HTML代码中以与<canvas>类似的方式使用<img> - 两者基本上都是像素缓冲区

请注意，您无法访问从不同来源加载的图像的像素数据。