position - KineticJS-setPointsとSetPositionの違い

Question

を使用して線の位置を設定しようとしています

 Line1.setPosition([0, 512 + newX, 1024, 512 + newX]);

正しく機能せず、線が間違った位置に移動します。ただし、使用する場合：

 Line1.setPoints([0, 512 + newX, 1024, 512 + newX]);

動作しますが、残りのスクリプトを動作させるにはsetPositionを使用する必要があります。よろしくお願いします。

Answer 1

setPointsは、線を描画するためのポイントの配列、またはポイントを描画する必要があるその他のオブジェクトを設定します。

setPositionは、オブジェクトの関連する位置の（X、Y）値のみを設定します。パラメータとして2つの数値のみを受け入れます。

ラインを作成するときは、x、yを0,0で開始し、x、yの量を使用して位置を設定します。

この例では、違いについて説明します。

Line1 = new Kinetic.Line({
    x:0,                  //  can be modified by .setPosition(x,y) or .setX()
    y:0,                  //  can be modified by .setPosition(x,y) or .setY() 
    points: [0, 512, 1024, 512]  // can be modified by .setPoints(array)
});