在konva中更改裁剪矩形之外的不透明度

// 创建Konva舞台和层
var stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

var layer = new Konva.Layer();
stage.add(layer);

// 创建一个矩形
var rect = new Konva.Rect({
  x: 50,
  y: 50,
  width: 200,
  height: 100,
  fill: 'blue',
  opacity: 0.5  // 设置不透明度为0.5
});
layer.add(rect);

// 创建一个裁剪矩形
var clipRect = new Konva.Rect({
  x: 100,
  y: 100,
  width: 100,
  height: 50
});

// 将矩形设置为裁剪矩形的剪辑路径
rect.clip(clipRect);

// 更新裁剪矩形之外的不透明度
rect.opacity(0.2);

// 重新绘制舞台
layer.draw();