Estoy usando la biblioteca dom-to-image de tsayen para tomar una instantánea de un elemento de imagen. El tamaño intrínseco de mi imagen es cercano a 1000x1000px, pero en mi sitio web lo tengo reducido a unos 500x500px. Quiero volver a escalar la imagen a su tamaño intrínseco antes de que el dom-to-image la represente. Esto es lo que he intentado usar:

HTML:

 <div class="container" id="node"> <img class="mz_img" src="/MZ.jpg" /> </div>

JS:

 domtoimage .toPng(node, { style: { width: "1100px", height: "1256px", }, })

Esto genera una imagen de 1100x1256 casi completamente hacia atrás, con mi imagen "mz_img" desplazada casi por completo fuera del marco. Probé unas cinco formas diferentes de ampliar la imagen antes de renderizarla, y todas producen resultados completamente impredecibles (e inutilizables). ¿Cuál es el mejor método para ampliar una imagen antes de renderizar?