앞에서 언급 한 "웹 인쇄 솔루션의 일반 보고서 인쇄 기능"을 소개 한 기사에서 인쇄 제어 Lodop은 세트를 만들기에 매우 편리합니다. 최소한 위치 조정 인터페이스를 직접 수행 할 필요는 없습니다. 위치는 자동 저장 기능을 제공하므로주의를 기울일 필요가 없습니다.
일반 설정에는 인쇄 미리보기, 인쇄 유지 보수 및 인쇄 설계의 여러 부분이 포함됩니다.
인쇄 미리보기 및 인쇄 유지 관리는 최종 사용자를 대상으로합니다. 인쇄 유지 보수는 수정 및 삭제할 수없는 컨텐츠를 말하지만 위치를 조정할 수있어 다양한 크기의 다른 프린터의 인쇄 위치를 조정할 수 있습니다.
인쇄 디자인은 개발자를위한 것입니다. 처음에는이 기능을 사용하여 세트를 설정하기위한 인터페이스를 설계해야합니다. 세트를 설정하기위한 인터페이스는 각 컨텐츠의 위치를 대략적으로 배치해야합니다.
일반 구현 코드는 다음과 같습니다.
<script language = "javaScript"> var lodop = document.getElementById ( "lodop"); //이 명령문은 dtd 사양 checklodop (); </script> <script "유형을 준수하는 것입니다. }; 함수 setup2 () {createAbill (); lodop.print_setup (); }; function design2 () {createAtabill (); lodop.print_design ();}; function realPrint () {createAbill (); if (lodop.printa ()) alert ( "실제 인쇄 명령이 발행되었습니다!"); 그렇지 않으면 알림 ( "인쇄를 인쇄하지 않음!"); }; function admataBill () {lodop.set_print_paper (10,10,762,533, "인쇄 제어 기능 데모 _lodop function_mobile 회사 송장 세트"); lodop.add_print_text (126,150,100,20, "Guo Degang"); lodop.set_stylea (1, fontc. olor ", 16711680); lodop.add_print_text (151,150,100,20,"13954885177 "; lodop.set_print_stylea (2,"fontcolor ", 16711680); lodop.add_print_text (125,5 84,99,20,"invoice print (1st Time) "); lodop.set_print_stylea (3,"fontcolor ", 16711680); lodop.add_print_text (465,140,198,20,"lubaqi shibayuan triangle Zero Minute "); lodop.set_print_style A (4, "FontColor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); lodop.set_print_stylea (5, "fontcolor", 16711680); lodop.adop.add_print_text (49 6,408,59,20, "H112063"); lodop.set_print_stylea (6, "fontcolor", 16711680); lodop.add_print_text (191,58,100,20, "국내 로밍 콜"); lodop.set_print_stylea (7, "FontColor", 16711680); lodop.add_print_text (191,217,100,20, "584.00"); lodop.set_print_stylea (8, "fontcolor", 16711680); lodop.add_print_text (222,5 8,100,20, "ValueAdded Business 경비 "); lodop.set_print_stylea (9,"fontcolor ", 16711680); lodop.add_print_text (222,217,100,20,"48.30 "); lodop.set_print_stylea (10, fon tcolor ", 16711680); lodop.add_print_text (251,58,100,20,"Charge "); lodop.set_print_stylea (11,"fontcolor ", 16711680); lodop.add_print_text (251,217,100, 20, "50.00"); lodop.set_print_stylea (12, "fontcolor", 16711680); lodop.add_print_text (280,58,100,20, "프로모션 수수료"); lodop.set_print_styea (13, "fontcolor", 16711680); lodop.add_print_text (280,217,100,20, "4.00"); lodop.set_print_stylea (14, "fontcolor", 16711680); lodop.add_print_text (98,101,150,20, "101 081005747319387 "); lodop.set_print_stylea (15,"fontcolor ", 16711680); lodop.add_print_text (97,307,150,20,"2008 년 10 월 19 일 10:28:38 "); lodop.set_print_. Stylea (16, "fontcolor", 16711680); lodop.add_print_text (152,584,103,20, "138860016786"); lodop.set_print_stylea (17, "fontcolor", 16711680); _print_text (95,571,112,20, "06775516"); lodop.set_print_stylea (18, "fontname", "system"); lodop.set_print_stylea (18, "fontcolor", 16711680); lodop.a dd_print_text (496,135,183 2008 (20080901-20080930) "); lodop.set_print_stylea (19,"fontcolor ", 16711680); lodop.add_print_text (496,572,112, 20,"-Wangfujing Central Store camp "); lodop.set_print_stylea (20,"fontcolor ", 16711680); lodop.add_print_text (311,217,100,20,"678.30 "); lodop.set_print_stylea (21,"font 색상 ", 16711680); lodop.add_print_text (311,58,100,20,"총 비용 "); lodop.set_print_stylea (22,"fontcolor ", 16711680); lodop.add_print_setup_bkimg ("<img src = reportate.jpg ' />");lodop.set_show_mode ( "bkimg_in_preview", 1);} < /script>대부분의 내용은 이해하기 쉽습니다. 다양한 기능은 미리보기, 유지 보수 설정 및 설계 설계를 위해 다른 기능 미리보기를 호출합니다.
인쇄 할 때 배경 이미지를 표시하려면 다음 코드가 필요합니다 (인쇄시 배경이 인쇄되지 않음).
lodop.add_print_setup_bkimg ( "<img src = report /explothing background.jpg '/>"); lodop.set_show_mode ("bkimg_in_preview ", 1); // 미리보기 인쇄 할 때 배경 이미지가 포함되어 있는지 여부또한 보고서의 내용이 HTML 페이지에 작성되므로 컨텐츠를 동적으로 설정할 때 스크립트를 사용하여 인터페이스 요소를 데이터 소스로 읽을 수 있으며, 둘째는 백그라운드 코드를 통해 스크립트 코드를 자동으로 생성하여 첫 페이지로 출력 할 수 있습니다.
설정에 대한 미리보기 인터페이스는 아래 그림에 대략 표시되며, 파란색 부분은 인쇄 해야하는 컨텐츠이며 배경 이미지는 송장 템플릿입니다.
다음 코드는 스크립트를 통해 해당 콘텐츠를 얻는 것입니다. 이 상황은 인터페이스에서 일부 인쇄 된 컨텐츠를 수정할 수있는 시나리오에 적합합니다.
lodop.add_print_text (95, 695, 250, 52, document.getElementById ( "txtCompAnyname"). innerText); // 사무실 이름 lodop.set_print_stylea (1, "fontsize", 14); lodop.set_print_stylea (1, "bold", 1); var licensedate = document.getElementById ( "txtLicensedate"). 값; // 인증서의 유효 기간 var ricendyear = ""; var licensemonth = ""; var licensedate licenseday = ""; if (licensedate! = null && licensedate! = "") {licleyear = licensedate.split ( "-"; Licensemonth lecensedate.split ( ") [1]). (licensedate.split ( "-") [2]). substr (0, 2);} lodop.add_print_text (396, 190, 46, 22, validateyear); // 유효성 기간의 끝 lodop.set_print_stylea (6, "fontsize", 11); lodop.set_print_stylea (6, "bold", 1); lodop.add_print_text (396, 253, 30, 22, validAmentemonth); // 만료 기간 종료 달 lodop.set_print_stylea (7, "fontsize", 11); lodop.set_print_stylea (7, "bold", 1); lodop.add_print_text (396, 304, 32, 22, Validateay); // 만료 날짜 lodop.set_print_stylea (8, "fontsize", 11); lodop.set_print_stylea (8, "bold", 1);마지막으로, 코드 생성 기능이 정적 HTML 용 컨텐츠 레이아웃 디스플레이를 생성 할 수있는 디자인 인터페이스와 함께 첨부되며 특정 수정 및 조정을 수행 한 후 동적 페이지에서 사용할 수 있습니다. 매우 유용한 기능입니다.
위는 편집기가 소개 한 인증서 세트에 대한 웹 인쇄 솔루션의 구현 아이디어입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!