Impression rapide HTML5 Canvas
Je veux envoyer/imprimer le canevas de l'image directement à l'imprimante par défaut. Que signifie une impression rapide.
N'importe qui peut donner un indice.
Javascript ou jQuery.
- Ce que vous avez des problèmes avec? L'impression de l'image ou de la toile? Ou les deux? Veuillez être plus précis. Aussi, ce que vous avez essayé jusqu'à présent?
- toDataURL(), nous donner les données d'image à partir d'une toile. Je veux l'envoyer directement à l'imprimante.
Vous devez vous connecter pour publier un commentaire.
J'ai beaucoup cherché et trouvé une solution qui fonctionne parfaitement 🙂
Utilisé onclick événement
printWin.print()
peut être appelée avant la page est chargée. Mieux que d'ajouter un peu de javascript dans lehead
de la page créée:window.onload = function () { window.print(); window.close();}
et déposer les deux dernières déclarations dans cet exemple.J'ai trouvé que la première fois que je l'ai imprimé, la toile était vide. J'ai ajouté un écouteur d'événement à attendre jusqu'à ce que l'image/le document est chargé. Maintenant, la toile est prête pour l'impression à chaque fois. Voici le code qui fonctionne pour moi:
J'ai rapidement cherché sur google ce et trouvé ce lien. Il donne un obtenir de brèves tutoriel sur la façon de le faire, mais essentiellement, vous obtenez une url de référence avec:
toDataURL()
, puis de créer un img de la même taille, de céder sa src à l'url.Elle donne une meilleure étape par étape de quoi faire dans votre code html et css, donc il suffit de regarder la lien si vous ne comprenez pas ce que j'ai dit.
Remarque: j'ai supposé que vous aviez de la difficulté à interagir avec de la toile à l'impression, mais si vous rencontrez des problèmes avec le pilote d'imprimante, puis c'est probablement d'aucune utilité pour vous.