Screenshot of current screen in feedback

[danielgary]

Using the html2canvas plus the HTML5 canvas toDataUrl('image/png') method, we can effectively capture a screenshot of the current page. This would be great for feedback. The flow should be:

1. FeedbackButton click
2. html2canvas called on body
3. convert to dataUrl
4. Show feedback modal with image src set to dataUrl
5. Append dataUrl to request

[danielgary]

html2canvas available here: http://html2canvas.hertzen.com/
or
npm install --save html2canvas

[danielgary]

Sample code for converting to dataUrl:

html2canvas($('body').get(0), {
  onrendered: function(canvas) {
    var win = $w.open();
    win.document.write('<img src="'+canvas.toDataURL("image/png")+'"/>');
  }
});