Imprimer la page à l'aide de html2canvas
Je suis en train de construire une impression de fonction de la page sur mon site web à l'aide de html2canvas
.
function printthispage() {
html2canvas($("#mydiv"), {
onrendered: function (canvas) {
var myImage = canvas.toDataURL("image/png");
var printWindow = window.open(myImage);
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();
}
});
}
Toutefois la fenêtre ouverte et fermée immédiatement. J'ai essayé de l'enlever close()
, l'image a montré sur la nouvelle fenêtre, mais pas de fonction d'impression a été déclenchée. Est-il quelque chose de mal?
- Semble fonctionner sans la fermer jsfiddle.net/dsf4wwkL
- Avez-vous essayé le lien que j'ai envoyé?
- oui, mais il ne fonctionne pas pour mon cas
Vous devez vous connecter pour publier un commentaire.
Essayez,ça marche:
Vanille JS solution
J'ai enfin trouver la solution. La précédente manipulation j'ai utilisé devrait être fait en 2 parties.
1) utilisation html2canvas pour afficher la page en image et la stocker dans un div caché, lorsque la page est chargée.
2) une Fois l'impression d'un bouton est cliqué, ouvrez une nouvelle fenêtre, écrire la stockées div contenu et de la fonction jquery pour l'impression lorsque le chargement est terminé.
J'ai fait ce