Fabric.js混合图像到背景中。边缘模糊

var canvas = new fabric.Canvas('canvas');

fabric.Image.fromURL('background.jpg', function(img) {
  canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas));
});

var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 200,
  height: 200,
  fill: 'red'
});
canvas.add(rect);

rect.set({
  stroke: 'rgba(0,0,0,0)', // 设置边框为透明，使边缘模糊效果更明显
  strokeWidth: 0, // 设置边框宽度为0，使边框不可见
  shadow: {
    color: 'rgba(0,0,0,0.5)', // 设置阴影颜色
    blur: 10, // 设置模糊半径
    offsetX: 0, // 设置阴影在x轴上的偏移量
    offsetY: 0 // 设置阴影在y轴上的偏移量
  }
});

canvas.renderAll();