Mi primera publicación aquí, así que perdonen cualquier error de etiqueta.

Estoy creando una página en la que el usuario puede personalizar una tarjeta... esa funcionalidad no es un problema. Pero necesito exportar una imagen de la tarjeta y no puedo hacerlo. He probado el código del sitio html2canvas, entre muchas otras versiones, intentando incluso renderizar todo el documento, desde esta página y otras. Pero no obtengo nada, salvo algunos errores que no entiendo.

Aquí está la página: https://interrobangtype.co/resources/business-card-maker/ Al hacer clic en el botón Enviar, veo este error:

Uncaught (in promise) DOMException: CanvasRenderingContext2D.createPattern: Passed-in canvas has height 0

Mi código específico para esta función está aquí:

 <canvas class='hidden card' style='width: 3.5in; height: 2in;'></canvas> <button onclick="Submit();" class='download-card button' id='download-card' >Submit</button> <script type="text/javascript"> var Submit = function() { html2canvas(document.body, { onrendered: function(canvas) { $('canvas.card').removeClass('hidden'); } }); } </script>

¿Alguna idea? Lo probé dejando que el complemento también agregara el lienzo.