使用画布从图像中删除像素?

时间:2012-01-04 04:24:49

标签: javascript html5 node.js canvas

我可以使用画布通过颜色从图像中删除像素,使该区域透明吗?

如果是这样......

我可以使用其他服务器上托管的图片执行此操作吗?

做这个服务器端会更好吗? https://github.com/LearnBoost/node-canvas

谢谢!

3 个答案:

答案 0 :(得分:2)

这已在此处完成:https://developer.mozilla.org/En/Manipulating_video_using_canvas

它有一个现实的例子似乎很好用。我建议你看看。

答案 1 :(得分:1)

Pixel Manipulation

检查以上链接。这些文章讨论了如何操作画布中的像素。关于从跨域服务器显示图像,使用canvas不能这样做,您将获得安全性异常。要从其他服务器加载图像,您可以使用自己的服务器作为代理,使用完整的映像路径调用服务器上的方法,服务器应从其他服务器下载映像并将其发送给您。这样您就可以显示其他域中的图像。

答案 2 :(得分:1)

正如其他人所说,这是可能的,而Dessus的链接将有助于此。

但是出于安全原因,您无法对托管在其他服务器上的图像执行此操作。如果您将远程图像写入画布,它会将画布视为“受污染”并将通过JavaScript安全性执行。因此,您只能在与执行操作的代码位于同一服务器上的图像上执行此操作。