DOM中基于像素的图像处理

Question

作为我在Javascript中开发的游戏的一部分，我想：

1. 从网址加载图片
2. 对它做一些基于像素的操作（准确地对它进行一些颜色过滤操作）
3. 将操纵的图像作为<IMG>节点放入html文档的dom中

我已经知道如何做前两部分 - 我只是将图像绘制到一个看不见的画布上。但我怎么能做到最后一个？

我考虑过从画布中取出原始二进制数据，然后将其转换为数据URL。但这对我来说似乎很难。是不是有更直接的方法呢？当它有帮助时，我可以使用jQuery和jQueryUI。

Answer 1

canvas元素有toDataURL() method，可为您提供随时可用的数据网址。