Как размыть часть элемента холста?

Question

Как я могу размыть часть моего элемента холста?

Я использую библиотеку JavaScript JavaScript, которая называется three.js. Three.js - это библиотека, которая упрощает WebGL. Они дают некоторое размытие и примеры глубины резкости, но я думаю, что это эффекты пост-обработки, с которыми я не знаком. Есть ли «простой» способ размытия, например, 60 пикселей сверху элемента холста?

Three.js: http://threejs.org/

Answer 1

Вы можете клонировать брезентовый элемент и добавить эффект размытия в CSS.

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

Что-то вроде this