線的點和坐標之間的dynamicjs關系

Question

點屬性和Line對象的x，y坐標之間的實際關系是什么？

假設我想從10,10到100,10畫一條線：

var line = new Kinetic.Line({
    points: [10,10,100,10],
    stroke: 'black',
    strokeWidth: 3
});

結果在這里： http : //jsfiddle.net/4Y6MG/

但是，如果我將x和y坐標添加到Line構造函數中，則會移動該行：

var line = new Kinetic.Line({
    points: [10,10,100,10],
    stroke: 'black',
    strokeWidth: 3,
    x: 10,
    y: 10
});

http://jsfiddle.net/qyfD2/1/

為什么會發生？ 我將x和y設置為與點的第一個值相同，也就是說，我希望直線以10,10精確開始。 為什么會移動？

我知道我在這里錯過了一些非常基本的東西，但是我才剛剛開始使用這些畫布東西。

Answer 1

對於KineticJS，可以通過將當前x或y添加到數組中的每個值來內部更改點數組：

points: [ 10+x, 10+y, 100+x ,10+y ],