我们可以模糊对象在画布上与fabricjs像矩形,多边形。至少软,对象的边缘。
更新:
我有另一种方法,我们可以模糊对象的阴影。所以模糊对象的阴影比设置偏移到相反的方向,像这样:
var canvas = new fabric.Canvas("my-canvas");
var rect = new fabric.Rect({
top: -600,
left: 100,
fill: 'red',
width: 100,
height: 100,
opacity: 0.5
});
rect.setShadow({
color: 'red',
blur: 7,
offsetX: 0,
offsetY: 700
});
canvas.add(rect);
个字符
但问题是我们不能使用globalCompositeOperation
选项
4条答案
按热度按时间n9vozmp41#
请参见结构演示:http://fabricjs.com/image-filters
在复选框模糊代码:
字符串
它可以工作。
ha5z0ras2#
可以通过CSS实现
字符串
https://www.w3schools.com/cssref/playdemo.asp?filename=playcss_filter&preval=contrast(200%25)
cpjpxq1n3#
作为解决方法,您可以使对象透明并应用模糊阴影:
字符串
ve7v8dk24#
fabricjs
是HTML5canvas
API的高级库。在fabric中,您处理的是canvas对象本身,而不是上下文。要模糊对象,只需设置该对象的opacity
属性。个字符