2012-01-23 41 views
1

有没有办法在HTML5画布上模糊形状?我知道你可以模糊图像,但你可以模糊形状(如使用context.lineTo();)绘制三角形/多边形?)?HTML5画布:它可以模糊形状和图像

我知道你可以很容易地使用SVG元素(在这里我也可以使用复杂的形状太像一个多边形)模糊的元素,但幸运的是Safari浏览器不显示过滤器(阴影使用什么)&我创建一个专为iPad设计的web应用程序。

最佳的解决方案将是一个本地JavaScript HTML5帆布解决方案,而不是第三方Javascript库。

+0

http://stackoverflow.com/questions/3468038/html-canvas-shape-blur-filter – ToddBFisher

+0

@ToddBFisher所以唯一的选择是第三方库?没有原生解决方案 –

+0

我还没有搞错第三方的svg元素的模糊选项,但希望这里有其他人有,因为我也会对此感兴趣。 – ToddBFisher

回答

0

该方法是将您的形状粘贴到缓冲区上下文上,对缓冲区上下文进行(框)模糊处理,并将缓冲区溢出到画布上。