javascript - EaselJS - 更改线条的透明度

Question

我已经使用 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

非常感谢!

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 更改后更新舞台。

--

此外，您可以使用透明颜色。

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

干杯，