獲取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中線條的起點和終點

回答

相關問題