javascript - 模糊 HTML5 Canvas

标签 javascript html5-canvas

<分区>

如何模糊 HTML5 Canvas 的内容?

我知道我可以使用 CSS,但我需要模糊 Canvas 的内容,以便稍后对其进行操作。

最佳答案

没有本地函数可以做到这一点。但是您可以通过使用 context.getImageData 获取 Canvas 数据的原始 RGBA 值数组来实现您自己的图像过滤操作,对该数据执行过滤操作,然后使用 将其写回>context.putImageData.

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#pixel-manipulation

关于javascript - 模糊 HTML5 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14751032/

相关文章:

javascript - 如何在 Html 5 Canvas 中绘制倾斜的矩形?

javascript - HTML 将单个背景图像拆分为两个相等的链接(顶部和底部)

javascript - 动态更改 Ajax 请求的 url

javascript - 使用自定义 header 获取请求失败

javascript - json数据不返回值

javascript - 如何阻止蛇沿对 Angular 线移动?

javascript - 如何重新开始 Canvas 绘制?

javascript - 检查 jQuery UI 缓动方法是否可用

javascript - 如何显示api的ajax响应的错误消息?

javascript - 将大 Canvas 的内容转换为 JPEG