Saltar al contenido

Escalar imagen antes de DataURL – html2canvas

Solución:

Tuve un problema similar y esto es lo que terminé haciendo

html2canvas($('#div_id'), {width: 750, height: 1050}).then(
    function(canvas) {
       window.open(canvas.toDataURL("image/png"));
    }
)

Ahora, esto todavía conduce a imágenes borrosas (especialmente con texto), pero eso se debe a que mi zoom predeterminado en el navegador se estableció en 110%, lo que causa que window.devicePixelRatio sea 1.1000 … Lo solucioné simplemente mostrando una advertencia para el usuario ( funcionó para el propósito que lo necesito), pero aparentemente hay una mejor manera de resolverlo https://stackoverflow.com/a/22819006/460586

Para cualquiera que se pregunte cómo obtener contenido de alta resolución digno de impresión desde html: PhantomJS y wkhtmltopdf / wkhtmltoimage son excelentes alternativas que manejan mejor estas cosas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *