如何模糊畫布元素的一部分？

Question

如何模糊我的畫布元素的一部分？

我正在使用名爲three.js的JavaScript 3D庫。 Three.js是一個使WebGL更簡單的庫。他們提供了一些模糊和深入的實例，但我認爲這些是我不熟悉的後期處理效果。是否有一種「簡單」的方式來模糊例如60px從畫布元素的頂部？

three.js所： http://threejs.org/

Answer 1

您可以克隆你的畫布元素，並添加模糊效果的CSS。

canvas = document.getElementById("canvas") 
clone = background.cloneNode("canvas"); 
document.getElementById("blurred").appendChild(clone); 

喜歡的東西this