如何使用不透明度制作形状，而不是konvajs中的边框

Question

我正在使用konvajs在画布上绘画。我刚刚找到了一个不透明度属性，我可以将整个形状的不透明度（在我的例子中是一条闭合线）设置为alpha值，但是这也包括边框而不仅仅是填充不透明度。

  new Konva.Line({
    points: [30, 20, 49, 54, 100, 220],
    fill: 'red',  // put an opacity just on this color
    stroke: 'black',
    strokeWidth: 2,
    closed : true,
    opacity: 0.4
  });

是否有可能只是填充一些不透明度并保持边框完全可见？

Answer 1

只需使用rgba填充：

new Konva.Line({
  points: [30, 20, 49, 54, 100, 220],
  fill: 'rgba(255,0,0,0.4)',
  stroke: 'black',
  strokeWidth: 2,
  closed : true
});