HTML5畫布：它可以模糊形狀和圖像

有沒有辦法在HTML5畫布上模糊形狀？我知道你可以模糊圖像，但你可以模糊形狀（如使用context.lineTo（）;）繪製三角形/多邊形？）？HTML5畫布：它可以模糊形狀和圖像

我知道你可以很容易地使用SVG元素（在這裏我也可以使用複雜的形狀太像一個多邊形）模糊的元素，但幸運的是Safari瀏覽器不顯示過濾器（陰影使用什麼）&我創建一個專爲iPad設計的web應用程序。

最佳的解決方案將是一個本地JavaScript HTML5帆布解決方案，而不是第三方Javascript庫。

2012-01-23 Jake M

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

@ToddBFisher所以唯一的選擇是第三方庫？沒有原生解決方案 –

我還沒有搞錯第三方的svg元素的模糊選項，但希望這裏有其他人有，因爲我也會對此感興趣。 – ToddBFisher

該方法是將您的形狀粘貼到緩衝區上下文上，對緩衝區上下文進行（框）模糊處理，並將緩衝區溢出到畫布上。

2012-02-02 08:02:24

回答