如何使用 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 代码中以与 <img> 类似的方式使用 <canvas> - 两者基本上都是像素缓冲区

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