在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點而導致內存影響無法估量的方式來節省一些內存。