获取EaselJS中线条的起点和终点

是否可以从绘制的线条中检索这些点？ API并没有真正帮助我。获取EaselJS中线条的起点和终点

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

来源

2014-01-29 user2717511

请更具体地说明你正在尝试做什么以及到目前为止所尝试的内容。你只是想找到一条线的起点和终点？或者沿线的任何一点？ – Andrew

是的，只是起点和终点，没有更多。 – user2717511

尽管在理论上可以检索这些坐标，但您最好将它们保存为自定义对象（例如，您已经这样做了点）。

的Graphics -object节省了那些平局的指令和Commands坐标（Command(f, params, path)） - 和所有活动的命令都保存在一个数组：line._activeInstructions

你必须要经过第一个和最后命令并检索命令的params-阵列，那些将是你的观点。但是这只适用于你的简单线条。由于这使用了图形对象的内部变量和方法，我强烈推荐而不是这样做。另外，我建议你在这种情况下保持你的代码的可读性，而不是试图通过不使用2点存储一些内存而带来非常不可测量的记忆效应。

来源

2014-01-30 12:13:25 olsn

谢谢，我认为这会有一个简单的操作，就像KineticJS一样。 – user2717511

问题是，Graphics-object可以用来绘制任何路径/形状，这样的通用对象无法预测形状只是一条线（理论上是，但是有不必要的开销），但是你可以写下你的从Graphic继承的自己的类并实现所需的点成员。 – olsn

获取EaselJS中线条的起点和终点

回答

相关问题