在JavaScript中访问图像像素进行图像处理的最佳方法是什么?

Pul*_*yal 8 javascript html5 canvas image image-processing

我试图使用JavaScript对图像执行简单的操作.为了获得图像的像素,我在画布上绘制图像,然后从画布中获取ImageData.但对于大型图像,在画布上绘制它们需要花费大量时间.

有没有其他方法可以在不使用canvas元素的情况下获取图像像素?

Cat*_*hen 2

我不认为你可以通过硬件加速在 JavaScript 中进行图像操作,因此无论是画布还是其他技术,你都不会在 JavaScript 环境中获得太多边际效益。

如果您希望代码进行硬件加速,则必须将代码编译成在 GPU 中运行并可以访问图形内存的代码。Flash 和 Silverlight 的方法是引入 AGAL 和 HLSL 等着色语言。也许 JavaScript 将来也会有这样的东西。

所以我的建议是进行图像处理:

  1. 服务器端技术
  2. Flash 和 Silverlight 与着色语言