Estoy tratando de descargar todo el contenido de un div, incluido el desbordamiento, usando html2canvas, pero la imagen siempre está recortada.

Aquí hay un enlace de violín con código de ejemplo: https://jsfiddle.net/50x2gfne/1/

 function grab() { const captureElement = document.querySelector('#capture') html2canvas(captureElement) .then(canvas => { canvas.style.display = 'none' document.body.appendChild(canvas) return canvas }) .then(canvas => { const image = canvas.toDataURL('image/png').replace('image/png', 'image/octet-stream') const a = document.createElement('a') a.setAttribute('download', 'my-image.png') a.setAttribute('href', image) a.click() canvas.remove() }) capture.style.oveflow = 'scroll' }

Intenté cambiar el ancho del html y el cuerpo a un tamaño más amplio, configurar la ventana gráfica más ancha y cambiar el ancho de la función de lienzo.

También probé el método en el siguiente enlace para manejar el desbordamiento horizontal sin suerte: https://blog.logrocket.com/export-react-components-as-images-html2canvas/