Ich habe ein Dokument mit pdf.js erstellt und es wird korrekt angezeigt. Ich habe keinen Druckknopf. Wie man die Taste hinzufügt, um Benutzern zu erlauben, es zu drucken? Ich habe Chrome verwendet.Wie pdf.js Dokument zu drucken?
Antwort
Probieren Sie die Javascript-Funktion window.print();
, die den Druckdialog öffnet.
Sie müssen eine Schaltfläche zu Ihrem HTML hinzufügen, die den Befehl auslöst - es ist nicht innerhalb der PDF möglich.
Aus diesem Grund erhalten Sie einen iFrame brauchen, und so etwas wie folgt verwenden:
function printIt() {
var wnd = window.open('http://your-pdf-url');
wnd.print();
}
<input type="button" value="Print" onclick=printIt()>
window.print()
würde nicht funktionieren, weil es auch die umgebende HTML drucken.
EDIT:
Von Ihrem Kommentar, ich weiß jetzt, dass Sie den Inhalt einer Leinwand-Element drucken möchten - was viel einfacher ist.
Sie benötigen keinen iframe, Sie können die Schaltfläche auf dieselbe Seite setzen und window.print();
verwenden.
Um nur die Leinwand-Element zu drucken, und die Umgebung (wie die Taste) zu verstecken, können Sie CSS-Syntax wie folgt verwenden:
@media print
{
.no-print, .no-print *
{
display: none !important;
}
}
@media print
gibt CSS-Code, der nur gilt für eine Webseite, wenn sie gedruckt wird. Wenn Sie nun die Klasse .no-print
zu allem außer dem Canvas-Element zuordnen, wird nur Ihre PDF-Datei gedruckt.
Sie auch diese CSS-Code verwenden können, wenn es einfacher ist:
@media print
{
*
{
display: none;
}
canvas
{
display: inline;
}
}
Danke, aber das Problem ist, dass ich keine URL für das PDF habe. Ich habe die base64-Darstellung von pdf vom Server bekommen, sie in ein Array konvertiert und das pdf.js-Dokument daraus erstellt. – Dejo
@Dejo: Sie greifen auf Ihre pdf über den Browser zu - so muss es eine URL geben, die beginnt, die pdf zu generieren. Wenn Sie es in einen iframe einfügen, können Sie auch 'var wnd = document.getElementById (" myframe ") verwenden. ContentWindow;' – maja
Thx, aber es wäre nicht so einfach, weil es im Canvas-Element gerendert wird. – Dejo
Ich habe so lange nach einer Lösung für diese suchen und dann landete ich auf dieses Plugin JS:
Es funktioniert wie ein Charme!
Wenn Sie alles in der Linie und Chaos mit jquery so wenig wie möglich halten möchten, können Sie versuchen, etwas wie:
<a href="#PATH_TO_PDF.pdf" target="_blank" onclick="window.print()"> print PDF </a>
- 1. Angular pdf.js Vorschau und Drucken
- 2. PDF.js Wie drucken Sie eine mehrseitige PDF?
- 3. Dokument mit pdfjs im Edge-Browser drucken
- 4. WPF Drucken Flow Dokument
- 5. Wie kann man die Druckqualität mit pdf.js verbessern, um PDF-Dokumente zu drucken?
- 6. Wie kann ich Windows bitten, ein Dokument zu drucken?
- 7. pdf.js mit Textauswahl
- 8. Chrome Packaged Apps/pdf.js
- 9. stockend pdf.js page rendering
- 10. Pdf.js Fehler auf getDocument
- 11. Drucken von zwei Jpanels in einem Dokument
- 12. Wie benutzt man pdf.js mit Meteor?
- 13. Wie man die Bildlauffunktion in PDF.js einfügt
- 14. PDF.js funktioniert nicht auf IE9
- 15. PDF.js render pdf mit Bildlaufleiste
- 16. Zoom auf einfach pdf.js viewer
- 17. Mit Pdf.js in ASP.NET MVC3
- 18. Wie in iOS 4.2 zu drucken?
- 19. Wie man ein Dokument zu einem HTML-Dokument macht
- 20. HTML-Dokument vom Windows-Dienst in C# ohne Druckdialog drucken
- 21. Erstellen PDF-Dokument zum Drucken in Qt aus Vorlage
- 22. So drucken Sie ein beliebiges Dokument in einem SELECTED-Drucker
- 23. HTML-Dokument von Windows-Dienst ohne Druckdialog drucken
- 24. Aktiver Drucker Problem beim Drucken von Word-Dokument über VB.net
- 25. Generieren, Anzeigen und Drucken von einfachen Dokument in .NET
- 26. Dokument programmgesteuert mit VBA in Outlook 2007 drucken
- 27. Paginierung HTML-Dokument für das Drucken mit WebKit-basierten Browsern
- 28. Pdf.js Mit pdf zum Anzeigen von Rohdaten
- 29. zu XML Dokument zu speichern
- 30. JSONObject zu Dokument
einmal angezeigt, Angebot Seite drucken - Einbetten in einen iframe, wenn das alles ist, was Sie drucken möchten. –
dandavis