html2cavas is a great tool to create image from html elements, it convert given html element to a canvas so you can simply create image from generated canvas. as original documentation:

All the images that the script uses need to reside under the same origin for it to be able to read them without the assistance of a proxy.

There is proxy option in settings, than can help you to load cross-origin images.

``` html2canvas(document.body, { proxy: '', onrendered: function(canvas) { var d=canvas.toDataURL('image/png'); var,'image from canvas'); } }); ```