EaselJS-更改行的透明度

Question

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

我想更改线条的透明度。使用位图或rect形状，就像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

非常感谢！

Answer 1

除说明外，“矩形”和直线之间没有区别。您的示例代码可以正常工作

我添加了起点和终点，但与您的代码相同。

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);

https://jsfiddle.net/2qrgL5d3/

请确保在更改Alpha之后更新舞台。