HTML5 Canvas：它可以模糊形状和图像

Question

有没有办法在HTML5 Canvas上模糊形状？我知道你可以模糊图像，但你可以模糊形状（比如使用context.lineTo（）绘制三角形/多边形;）？

我知道你可以很容易地使用SVG元素来模糊元素（我也可以使用复杂的形状，就像多边形一样），但幸运的是，Safari不会显示过滤器（阴影使用的是什么）＆amp;我正在创建一个仅适用于iPad的webapp。

最佳解决方案是本机Javascript HTML5 Canvas解决方案，而不是第三方Javascript库。

Answer 1

方法是将你的形状blit到缓冲区上下文，在缓冲区上下文上做一个（框）模糊，然后将缓冲区blit到画布上。