title: How to create snapshot of DOM element in javascript?
body: <p>I am developing book editor application which is similar to ibooks author, google slides. So whatever the data user entered in right side editable area, we need to show the small snapshot of the page in left side tree view. we may need to update the snapshot very frequently. Editable area may contain video,image,textarea etc..</p>
  
  <p>I found some solutions which converts html2canvas. Is it possible to create good quality snapshot without canvas, using only css3 scaling and javascript. if possible which is the best solution for the performance(with canvas or without canvas)?</p>
  
  <p>I would appreciate if someone can link the related articles or github code. </p>