如何移動X和Y線的點不同陣列Kineticjs

Question

我已創建線路

var line1=new Kinetic.Line({ 

stroke:"blue", 
strokeWidth:10, 
points:[{"x":152,"y":176},{"x":152,"y":399},{"x":271,"y":399},{"x":271,"y":487},{"x":401,"y":487},{"x":401,"y":370},{"x":541,"y":370},{"x":541,"y":262},{"x":293,"y":262},{"x":293,"y":177}], 

}) 

要保存我做這點，

var linearray=new Array 
linearray=line.getPoints() 

它的工作原理，現在我想保存點X和Y在不同陣列就這樣，

var linex=new Array() 
linex=line.getPoints().x 

var liney=new Array() 
linex=line.getPoints().y 

它不工作，任何想法？

更新： 這裏是我的小提琴http://jsfiddle.net/skarat001/8kgKx/

Answer 1

我會提出這樣的：

var linex=new Array(); 
var liney=new Array(); 

for (var i in line1.getPoints()) { 
    linex.push(line1.getPoints()[i].x); 
    liney.push(line1.getPoints()[i].y); 
}