Comment faire pour imprimer pdf.js le document?

J'ai généré un document avec pdf.js et il affiche correctement. Je'don ont pas de bouton d'impression. Comment ajouter le bouton pour autoriser les utilisateurs à imprimer ?
J'ai été en utilisant Chrome.

une fois affiché, offre <button onclick=fenêtre.print()>Imprimer la Page</button> - intégrer dans une iframe si c'est tout ce que vous voulez imprimer.

OriginalL'auteur Dejo | 2014-01-30

  1. 7

    Essayez d'utiliser le javascript de la fonction window.print();, qui ouvre l'impression boîte de dialogue.

    Vous devrez ajouter un bouton dans votre code html, ce qui déclenche la commande il n'est pas possible dans le pdf.

    Pour cette raison, vous aurez besoin d'une iFrame, et d'utiliser quelque chose comme ceci:

    function printIt() {
    var wnd = window.open('http://your-pdf-url');
    wnd.print();
}

<input type="button" value="Print" onclick=printIt()>

    window.print() ne marcherait pas, parce qu'il serait aussi imprimer le html environnant.

    EDIT:

    De votre commentaire, je sais maintenant, que vous voulez imprimer le contenu d'une toile de l'élément qui est beaucoup plus facile.

    Vous n'avez pas besoin d'un iframe, vous pouvez mettre le bouton sur la même page, et utiliser window.print();.

    Pour imprimer uniquement la toile-élément, et pour masquer les environs (comme un bouton), vous pouvez utiliser les feuilles de style css la Syntaxe ressemble à ceci:

    @media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

    @media print spécifie css-code, qui s'applique uniquement pour une page web, si il est imprimé. Maintenant, si vous assigner la classe .no-print de tout, sauf de la toile-élément, seulement de votre fichier pdf à imprimer.

    Vous pouvez également utiliser cette css-code, si c'est plus facile:

    @media print
{    
    *
    {
        display: none;
    }
    canvas 
    {
        display: inline;
    }
}
    Merci, mais le problème est que je'don ont pas d'url pour le fichier pdf. J'ai eu le base64 représentation des pdf à partir du serveur, convertie en tableau et créé pdf.js document à partir d'elle.
    Vous accédez à votre fichier pdf via le navigateur, donc il doit y avoir une url qui commence à générer le fichier pdf. Si vous le mettez dans une iframe, vous pouvez également utiliser var wnd = document.getElementById("myframe").contentWindow;
    Thx, mais il ne serait pas si facile, car il est rendu dans l'élément canvas.
    ensuite, utilisez la fenêtre.print() et quelques lignes de l'impression css pour masquer la non-pdf genre de choses.
    J'ai mis à jour la réponse

    OriginalL'auteur maja

  2. 0

    Si vous voulez tout garder en ligne et le désordre avec jquery aussi peu que possible, vous pouvez essayer quelque chose comme:

    <a href="#PATH_TO_PDF.pdf" target="_blank"  onclick="window.print()"> print PDF </a>
    Ce sera juste l'impression de la page parent

    OriginalL'auteur KarateKid22

  3. -2

    J'ai été à la recherche d'une solution à ce pour si longtemps et puis j'ai atterri sur ce plugin JS:

    http://printjs.crabbly.com/

    Il fonctionne comme un charme!

    Je n'étais pas celui qui downvoted, mais je dois souligner que cette bibliothèque ne fonctionne pas sur FireFox.

    OriginalL'auteur Jonathan Roy