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)