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

【问题标题】：HTML5 Canvas: Can it blur shapes aswell as imagesHTML5 Canvas：它可以模糊形状和图像吗
【发布时间】：2012-01-23 06:15:34
【问题描述】：

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

我知道你可以使用 SVG 元素轻松模糊元素（我也可以使用复杂的形状，比如多边形），但幸运的是 Safari 不显示过滤器（阴影使用什么），我正在创建一个专为 iPad 设计的 webapp。

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

【问题讨论】：

【解决方案1】：

方法是将你的形状blit到缓冲区上下文中，在缓冲区上下文上做一个（框）blur并将缓冲区blit到画布上。

【讨论】：