在EaselJS中获取直线的起点和终点

Question

是否可以从绘制的线中检索这些点？ 该API并没有真正帮助我。

var line = new createjs.Graphics();
line.beginStroke( 'black' );
line.moveTo( 0, 0 );
line.lineTo( 100, 100 );

现在，我正在创建Point类的实例，并将坐标用作参数。

var point1 = new Point(0, 0);
var point2 = new Point(100, 100);

var line = new createjs.Graphics();
line.beginStroke( 'black' );
line.moveTo( point1.x, point1.y );
line.lineTo( point2.x, point2.y );

Answer 1

从理论上讲，虽然可以检索这些坐标，但最好将它们另存为自定义对象（例如，像Points一样）。

---

Graphics将这些绘制指令和坐标保存在Commands （ Command(f, params, path) ）-所有活动命令均保存在一个数组中： line._activeInstructions

您将必须通过第一个和最后一个命令，并检索命令的params -array，这就是您的观点。 但这仅适用于简单行的情况。 由于这使用了Graphics对象的内部变量和方法，因此我强烈建议不要这样做。 另外，我建议您在这种情况下保持代码的可读性，而不是尝试通过不使用2点而导致内存影响无法估量的方式来节省一些内存。