Html2canvas: ¡La imagen no se muestra en una nueva ventana en Chrome!

Creado en 16 feb. 2018  ·  3Comentarios  ·  Fuente: niklasvh/html2canvas

función convertir a lienzo e impresión () {
html2canvas(document.getElementById("PositionChartMainDiv")).then(function(canvas) {
var img = lienzo.toDataURL();
ventana.abrir(img);
});
}

Estoy usando la biblioteca 1.0.0-alpha.10 js, en Chrome, la función anterior abre una nueva ventana en blanco. Sin embargo, en firefox se renderiza la imagen. ¿Por que es esto entonces?

Needs More Information

Comentario más útil

@ABHIKSINGHH La solución:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Todos 3 comentarios

No hay nada en este tema con lo que pueda ayudarte. Si desea obtener ayuda con su problema, siga las instrucciones para abrir un problema y proporcione un ejemplo en jsfiddle de lo que no funciona.

@niklasvh : Estoy tratando de tomar una instantánea de un organigrama grande y abrir la imagen en una ventana nueva. El gráfico está dentro de un div(id=PositionChartMainDiv). Pero cuando llamo a la función anterior al hacer clic en el botón Imprimir, el gráfico se abre en Firefox en una nueva ventana, pero en Chrome, la nueva ventana está vacía sin contenido en su cuerpo. ¿Por qué tal diferencia de comportamiento? Realmente no puedo compartir todo el contenido en jsfiddle ya que el contenido es muy grande.

@ABHIKSINGHH La solución:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});
¿Fue útil esta página
0 / 5 - 0 calificaciones