Javascript DOM中基于像素的图像处理_Javascript_Jquery_Html

Javascript DOM中基于像素的图像处理

javascript jquery html

Javascript DOM中基于像素的图像处理,javascript,jquery,html,Javascript,Jquery,Html,作为我用Javascript开发的游戏的一部分，我想：从URL加载图像对其执行一些基于像素的操作（精确地说，对其执行一些颜色过滤操作）将经过处理的图像作为节点放入html文档的dom中我已经有了一个好主意如何做前两部分-我只是要画一个无形的画布图像。但最后一个怎么办我考虑从画布中提取原始二进制数据，然后将其转换为数据URL。但这对我来说似乎很难。难道没有更直接的方法吗？我有jQuery和jQueryUI，如果有帮助的话。canvas元素有一个可以提供随时可用的数据URL。canvas元

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

从URL加载图像

对其执行一些基于像素的操作（精确地说，对其执行一些颜色过滤操作）

将经过处理的图像作为

节点放入html文档的dom中

我已经有了一个好主意如何做前两部分-我只是要画一个无形的画布图像。但最后一个怎么办

我考虑从画布中提取原始二进制数据，然后将其转换为数据URL。但这对我来说似乎很难。难道没有更直接的方法吗？我有jQuery和jQueryUI，如果有帮助的话。

canvas元素有一个可以提供随时可用的数据URL。

canvas元素有一个可以提供随时可用的数据URL