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

Question

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

我正在使用名为three.js的JavaScript 3D库。 Three.js是一个使WebGL更简单的库。它们提供了一些模糊和景深示例，但我认为这些是后期处理效果，我不熟悉。是否有一种“简单”的模糊方式，例如从画布元素顶部模糊60px？

three.js所： http://php.net/manual/en/mysqli-stmt.store-result.php

http://threejs.org/

Answer 1

您可以克隆canvas元素并为css添加模糊效果。

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

像 this

之类的东西