title: Zoom/pan/drag multiples images - SVG vs Canvas vs other
body: <p>What is the best way (best load times and framerate) to create a big image, with several images, with HTML/Javscript ? We must be able to zoom, pan, and drag image (like google map). </p>
  
  <p>There are approximately 1000 images of 200px / 200px. </p>
  
  <p>I saw several options:</p>
  
  <ul>
  <li>SVG : <a href="http://www.cyberz.org/blog/2009/12/08/svgpan-a-javascript-svg-panzoomdrag-library/" rel="nofollow noreferrer">http://www.cyberz.org/blog/2009/12/08/svgpan-a-javascript-svg-panzoomdrag-library/</a></li>
  <li>Canvas : <a href="http://phrogz.net/tmp/canvas_zoom_to_cursor.html" rel="nofollow noreferrer">http://phrogz.net/tmp/canvas_zoom_to_cursor.html</a></li>
  <li>div + AngularJS</li>
  <li>...</li>
  </ul>
  
  <p>I also found some interesting articles on the differences between canvas / svg / div :</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/5882716/html5-canvas-vs-svg-vs-div">HTML5 Canvas vs. SVG vs. div</a></li>
  <li><a href="https://msdn.microsoft.com/fr-fr/hh552482.aspx" rel="nofollow noreferrer">https://msdn.microsoft.com/fr-fr/hh552482.aspx</a></li>
  </ul>