如何在不清除的情况下更改 Easel.js 中的线坐标？

Question

在 Easel.js 中，您可以像这样画一条线：

lineE.graphics
    .moveTo(x1,y1)
    .setStrokeStyle(3)
    .beginStroke("black")
    .lineTo(x2,y2);

但要更改其坐标，我必须删除所有内容：

lineE.graphics
    .clear() <-----------Why??????
    .moveTo(newX1,newY1)
    .setStrokeStyle(3)
    .beginStroke("black")
    .lineTo(newX2,newY2);

如何在更改线条坐标的同时保留笔触颜色等其他属性。我在移动物体之间画一条线。应该有更优雅的方式。

Answer 1

这就是 EaselJS 的工作原理。您必须重新绘制形状才能更改它。这对性能的影响很小，因为在舞台更新时必须再次绘制形状。

最好的方法是有一个重绘例程，当形状改变时清除并绘制它。

您可以查看Graphics.inject 方法，这是一种将变量指令注入图形路径的方法。 GitHub上有一个名为“Graphics_inject.html”的示例