In einem Artikel, in dem die zuvor erwähnte "gewöhnliche Berichtsdruckfunktion von Webdrucklösungen" eingeführt wurde, ist der Drucksteuerungs -Lodop für den Satz sehr bequem. Zumindest muss sich die Position für Positionsanpassungen nicht selbst erledigen. Die Position bietet auch eine automatische Speicherfunktion, sodass Sie nicht darauf achten müssen.
Zu den allgemeinen Einrichtungen gehören mehrere Teile der Operationen: Druckvorschau, Druckwartung und Druckdesign.
Druckvorschau und Druckwartung richten sich an Endbenutzer. Die Druckwartung bezieht sich auf den Inhalt, der nicht geändert und gelöscht werden kann. Die Position kann jedoch angepasst werden, was die Möglichkeit bietet, die Position zum Drucken verschiedener Drucker unterschiedlicher Größen anzupassen.
Druckdesign ist für Entwickler. Zu Beginn müssen wir diese Funktion verwenden, um die Schnittstelle zum Einrichten des Satzes zu entwerfen. Damit ist der Standort jedes Inhalts basierend auf dem Hintergrundbild des Setup -Zertifikats in etwa platzieren.
Der allgemeine Implementierungscode lautet wie folgt:
<script Language = "javaScript"> var lodop = document.getElementById ("lodop"); // Diese Zeile der Anweisung soll der DTD -Spezifikation Checklodop (); }; function setup2 () {createdatabill (); lodop.print_setup (); }; function design2 () {createdatabill (); lodop.print_design ();}; Funktion realPrint () {createdatabill (); if (lodop.printa ()) alert ("Der tatsächliche Druckbefehl wurde ausgestellt!"); sonst wachsam ("Print verzweigen vom Drucken!"); }; Funktion createdatabill () {lodop.set_print_paper (10,10,762,533, "Print Control Function Demonstration_Lodop Funktion_Mobile Company Invoice Set"); Olor ", 16711680); Zeit) "); lodop.set_print_stylea (3," fontcolor ", 16711680); A (4, "fontcolor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); 6,408,59,20, "H112063"); lodop.set_print_stylea (6, "fontcolor", 16711680); "Fontcolor", 16711680); lodop.add_print_text (191,217,100,20, "584,00"); Ausgaben "); lodop.set_print_stylea (9," fontcolor ", 16711680); tcolor ", 16711680); lodop.add_print_text (251,58,100,20," Ladung "); 20, "50,00"); lodop.set_print_stylea (12, "fontcolor", 16711680); 16711680); lodop.add_print_text (280,217,100,20, "4,00"); 081005747319387 "); lodop.set_print_stylea (15," fontcolor ", 16711680); Stylea (16, "fontcolor", 16711680); lodop.add_print_text (152,584,103,20, "138860016786"); _Print_text (95,571,112,20, "06775516"); lodop.set_print_stylea (18, "fontname", "system"); Dd_print_text (496,135,183,20, September 2008 (20080901-20080930) "); lodop.set_print_stylea (19," fontcolor ", 16711680); Camp "); lodop.set_print_stylea (20," fontcolor ", 16711680); lodop.add_print_text (311,217,100,20," 678.30 "); Color ", 16711680); lodop.add_print_text (311,58,100,20," Gesamtkosten "); />");Lodop.set_show_mode ("bkimg_in_preview", 1);} < /script>Die meisten Inhalte sind relativ leicht zu verstehen. Verschiedene Funktionen rufen unterschiedliche Funktionen für Vorschau, Einrichtung für Wartung und Design für das Design auf.
Beachten Sie beim Drucken, dass der folgende Code zum Anzeigen des Hintergrundbildes verwendet wird (der Hintergrund wird beim Drucken nicht gedruckt).
Lodop.add_print_setup_bkimg ("<img src = report /zertifikat Hintergrund.jpg '/>");lodop.set_show_mode (" bkimg_in_preview ", 1); // ob das Hintergrundbild beim Drucken der Vorschau enthalten istDa der Inhalt des Berichts auf der HTML -Seite geschrieben ist, können Sie beim dynamischen Einstellen des Inhalts ein Skript zum Lesen von Schnittstellenelementen als Datenquelle verwenden. Zweitens können Sie automatisch Skriptcode über den Hintergrundcode generieren und auf der Vorderseite ausgeben, um zu sehen, was Sie benötigen.
Die Vorschauerschnittstelle für die Einrichtung ist in der folgenden Abbildung grob dargestellt, wobei der blaue Teil der Inhalt ist, der gedruckt werden muss, und das Hintergrundbild ist eine Vorlage für Rechnungen.
Der folgende Code besteht darin, den entsprechenden Inhalt über Skripte zu erhalten. Diese Situation eignet sich für Szenarien, in denen einige gedruckte Inhalte auf der Schnittstelle geändert werden können.
Lodop.add_print_text (95, 695, 250, 52, document.getElementById ("txtCompanyname"). InnerText); // Office -Name lodop.set_print_stylea (1, "fontSize", 14); // Die Gültigkeitsdauer des Zertifikats var lizenzyear = ""; var licensemonth = ""; var licencensedate licenseday = ""; if (licencensedate! = Null && licensedate! (licensedate.split ("-") [2]). substr (0, 2);} lodop.add_print_text (396, 190, 46, 22, Validateyear); // Das Ende der Gültigkeitsperiode lodop.set_print_stylea (6, "fontsize", 11); lodop.set_print_stylea (6, "Bold", 1); // Ablaufzeitraum End Month lodop.set_print_stylea (7, "fontSize", 11); lodop.set_print_stylea (7, "Bold", 1); // Ablaufdatum lodop.set_print_stylea (8, "fontsize", 11); lodop.set_print_stylea (8, "Bold", 1);Schließlich ist es mit seiner Konstruktionsschnittstelle beigefügt, wobei die Code -Erzeugungsfunktion inhaltliche Layout -Anzeige für statische HTML generieren kann, und kann nach bestimmten Änderungen und Anpassungen auf dynamischen Seiten verwendet werden. Eine sehr nützliche Funktion.
Die oben genannte Implementierungsidee der Webdrucklösung für vom Editor eingeführte Zertifikatslösung. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!