Estoy tratando de usar html2canvas para obtener una imagen de un div en el portapapeles para que un usuario pueda pegar la imagen en un correo electrónico o chat de mensajes. He buscado varias formas diferentes de intentar hacer esto, pero ninguna de ellas funciona para mí.

El código que estoy usando está debajo.

 $(document).on("click", ".canvas-button", function (){ var div = document.getElementById($(this).data("div")); var rect = div.getBoundingClientRect(); var canvas = document.createElement("canvas"); canvas.width = rect.width; canvas.height = rect.height; var ctx = canvas.getContext("2d"); ctx.translate(-rect.left,-rect.top); html2canvas(div, { canvas:canvas, height:rect.height, width:rect.width, onrendered: function(canvas) { var image = canvas.toDataURL("impage/png"); window.open(image); var pHtml = "<img src="+image+" />"; $("#parent").append(pHtml); } }); });

Este código puede encontrar el div pero no me da la imagen. No estoy seguro de qué hacer desde aquí. Cualquier ayuda es apreciada.