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

除了说明之外，"rect shape"和一行没有区别。您的示例代码工作正常

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

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

干杯，

Answer 2

结果我将多条线叠加在一起。这使它们看起来不透明！

EaselJS - 改变线条的透明度

EaselJS - Change Transparency of a Line

javascript

createjs