Javascript EaselJS-更改线的透明度

我已经使用CreateJS（EaselJS）有一段时间了，并且使用了位图和矩形。我目前正在使用线形在两点之间画一条线

我想更改线条的透明度。对于位图或矩形，这将像

shape.alpha=0.5

但是，这不适用于直线对象。有没有关于如何制作半透明线条的想法

let line = new createjs.Shape(new createjs.Graphics().setStrokeStyle(8).beginStroke("#FF0000").moveTo(startingX, startingY).lineTo(endX, endY).endStroke());
line.alpha = .2

---

非常感谢

除了说明之外，“矩形”和直线之间没有区别。您的示例代码运行良好

我添加了起点和终点，但除此之外，它的代码与您的代码相同

let line = new createjs.Shape(new createjs.Graphics().setStrokeStyle(8)
    .beginStroke("#FF0000")
  .moveTo(100, 100)
  .lineTo(200, 200)
  .endStroke());
line.alpha = .2
stage.addChild(line);

确保在进行alpha更改后更新阶段

--

此外，还可以使用透明颜色

.beginStroke(createjs.Graphics.getRGB(255,0,0,0.2))

---

干杯，

除了说明之外，“矩形”和直线没有区别。您的示例代码运行良好

我添加了起点和终点，但除此之外，它的代码与您的代码相同

let line = new createjs.Shape(new createjs.Graphics().setStrokeStyle(8)
    .beginStroke("#FF0000")
  .moveTo(100, 100)
  .lineTo(200, 200)
  .endStroke());
line.alpha = .2
stage.addChild(line);

确保在进行alpha更改后更新阶段

--

此外，还可以使用透明颜色

.beginStroke(createjs.Graphics.getRGB(255,0,0,0.2))

---

干杯，

原来我把多条线叠在一起。这使它们看起来不透明

原来我把多条线叠在一起。这使它们看起来不透明