title: How to move X and Y line's points to different array Kineticjs
body: <p>I have create Line </p>
  
  <pre><code>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}],
  
  })
  </code></pre>
  
  <p>To save the points I do this,</p>
  
  <pre><code>var linearray=new Array
  linearray=line.getPoints()
  </code></pre>
  
  <p>It works, now I want to save that points X and Y in different Array just like this,</p>
  
  <pre><code>var linex=new Array()
  linex=line.getPoints().x
  
  var liney=new Array()
  linex=line.getPoints().y
  </code></pre>
  
  <p>It doesn't work, Any idea?</p>
  
  <p>Update:
  here is my fiddle <a href="http://jsfiddle.net/skarat001/8kgKx/" rel="nofollow">http://jsfiddle.net/skarat001/8kgKx/</a></p>