title: HTML5 / js - how to animate straight line between two coordinates?
body: <p>Simple enough question (could be wrong) </p>
  
  <p>im looking to animate between two points in a straight line, using HTML5 and/or Jquery.</p>
  
  <pre><code>ctx.beginPath();
  ctx.moveTo(0, 0); // a
  ctx.lineTo(100, 100); // b
  ctx.stroke();
  </code></pre>
  
  <p><a href="http://jsbin.com/enobes" rel="nofollow noreferrer">http://jsbin.com/enobes</a></p>
  
  <p>EDIT : I ended up developing a library for svg path animation <a href="http://lazylinepainter.info/" rel="nofollow noreferrer">http://lazylinepainter.info/</a></p>
  
  <p><img src="https://i.stack.imgur.com/J6bzi.gif" alt="example"></p>