如何模糊画布元素的一部分？
[英]How to blur a part of a canvas element?
问题描述
如何模糊画布元素的一部分？
我正在使用一个名为three.js的JavaScript 3D库。 Three.js是一个使WebGL更简单的库。 它们在那里提供了一些模糊和景深示例，但是我认为这些是我不熟悉的后期处理效果。 有没有一种“简便”的方法可以使例如画布元素顶部的像素模糊60px？
Three.js： http ：//threejs.org/
1 个解决方案
解决方案1
2 2016-03-11 13:36:35
您可以克隆画布元素，并向CSS添加模糊效果。
canvas = document.getElementById("canvas")
clone = background.cloneNode("canvas");
document.getElementById("blurred").appendChild(clone);
像这样
如何使用div选择器在画布元素中完美绘制图像的一部分
[英]How to perfectly draw a part of an image in a canvas element using a div selector
如何在 canvas 中旋转 svg 元素而不丢失部分元素？
[英]How to rotate svg element in canvas without losing some part of it?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.