html 画布形状模糊滤镜

Question

必须有办法做到这一点。我用 html5 画布绘制了一个形状，我想对其进行模糊处理。据我所知，没有本地方法，所以我假设需要一个 js 库。问题是大多数图书馆只模糊像 这样 的图像。这可能吗？

原文由 Justin Bull 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

myContext.filter = 'blur(10px)';

Canvas 2D API 的 CanvasRenderingContext2D.filter 属性提供模糊或灰度缩放等滤镜效果。它类似于 CSS filter 属性并接受相同的功能。 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

它仍处于试验阶段，但受 chrome 和 firefox atm 支持。

原文由 junvar 发布，翻译遵循 CC BY-SA 4.0 许可协议