Em um artigo que introduziu a "função de impressão de relatório comum das soluções de impressão na web" mencionada anteriormente, o LODOP de controle de impressão é bastante conveniente para fazê -lo. Pelo menos a interface de ajuste da posição não precisa ser feita por você mesmo. Quanto à posição, ele também fornece uma função de salvamento automático, para que você não precise prestar atenção a ela.
As configurações gerais incluem várias partes das operações: visualização de impressão, manutenção de impressão e design de impressão.
A visualização de impressão e a manutenção de impressão são direcionadas para usuários finais. Manutenção de impressão refere -se ao conteúdo que não pode ser modificado e excluído, mas a posição pode ser ajustada, fornecendo a possibilidade de ajustar a posição para a impressão de diferentes impressoras de tamanhos diferentes.
O design de impressão é para desenvolvedores. No início, precisamos usar essa função para projetar a interface para configurar o conjunto, que é colocar aproximadamente a localização de cada conteúdo com base na imagem de plano de fundo da configuração do certificado.
O código de implementação geral é o seguinte:
<Script Language = "javascript"> var lodOp = document.getElementById ("lodop"); // Esta linha de declaração é cumprir com o dtd especificação checklodop (); </script> <script idioma = "javascript" type = "text/javasscript"> visualize () {CrieTabill; }; função setup2 () {crioutAtabill (); lodOp.print_setup (); }; function design2 () {criateatabill (); lodOp.print_design ();}; function realPrint () {CreatedAtabill (); if (lodOp.printa ()) Alert ("O comando de impressão real foi emitido!"); else Alert ("Imprima abster -se da impressão!"); }; Função criadaAtabill () {lodOp.set_print_paper (10,10,762.533, "Print Control Função Demonstração_lodop function_mobile Company Fatura"); lodop.add_print_text (126,150,100,20, "guogang"); lodOp.Trext_Print (126.150,100,20, "guogang"); lodOP.Print_LyLya_LyLya (150,100,20, "guogng"); lodOP.Print_LyLeax (126.150,100,20, "guo degang"); lodOP.Print_LyLya_Lyylea (126.150,100,20, "guon); olor ", 16711680); lodop.add_print_text (151.150.100.20," 13954885177 "); lodop.set_print_stylea (2," fontcolor ", 16711680); lodop.add_print_tt (125,5,5,5,5,5,20 (125.5,5.5.54, 16711680); lodOp.add_Print_Tex (125,5,5,5,5.5.54, 16711680); lodOp.Add_Print_Tex (125,5,5,5,5.5.50, 16711680; Time) "); lodop.set_print_stylea (3," fontcolor ", 16711680); lodop.add_print_text (465.140,198,20," Lubaqi Shibayuan Triangle Zero Minute "); LodOp.Print_style A (4, "fontcolor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); lodOP.set_print_stylea (5, "Fontcolor", 16711680); lodOp.ad_print_trint (49 6.408,59,20, "H112063"); lodop.set_print_stylea (6, "fontcolor", 16711680); lodop.add_print_text (191,58,100,20, "Raiaming de chamadas domésticas"); LodOP.Set_Print_SyLea (7, 7, Rouaming Calling "); "Fontcolor", 16711680); lodop.add_print_text (191.217,100,20, "584.00"); lodop.set_print_stylea (8, "Bushded despesas "); lodOp.set_print_stylea (9," fontcolor ", 16711680); lodop.add_print_text (222.217,100,20," 48.30 "); lodop.set_print_stylea (10" tcolor ", 16711680); lodOp.add_print_text (251,58,100,20," Charge "); lodop.set_print_stylea (11," fontcolor ", 16711680); lodop.add_print_text (251,217,17,, 20, "50.00"); lodop.set_print_stylea (12, "fontcolor", 16711680); lodop.add_print_text (280,58,100,20, "Taxa promocional"); lodop.set_print_stylea (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,20); 081005747319387 "); lodop.set_print_stylea (15," fontcolor ", 16711680); lodop.add_print_text (97.307.150,20, 19 de outubro de 2008 10:28:38"); LodOp.Print_R 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,20,"September 2008 (20080901-20080930) "); lodop.set_print_stylea (19," fontcolor ", 16711680); lodop.add_print_text (496.572,112, 20,"-Wangfujing Central Store Acampamento "); lodop.set_print_stylea (20," fontcolor ", 16711680); lodop.add_print_text (311.217,100,20," 678.30 "); lodop.set_print_stylea (21" Font Color ", 16711680); lodop.add_print_text (311,58,100,20," custo total "); lodop.set_print_stylea (22," fontcolor ", 16711680); lodOp.add_print_bkimg", ("<MI11680); lodop.add_print_bkimg (" <iMgrrrrrd); />") ;lodop.set_show_mode ("bkimg_in_preview", 1);} < /script>A maioria dos conteúdos é relativamente fácil de entender. Diferentes funções chamam diferentes funções de visualização para visualização, configuração para manutenção e design para design.
Ao imprimir, observe que o código a seguir é necessário para definir a imagem em segundo plano para exibir (o plano de fundo não é impresso ao imprimir).
LodOp.add_print_setup_bkimg ("<img src = relatário /certificado background.jpg '/>") ;lodop.set_show_mode (" bkimg_in_preview ", 1); // se a imagem de fundo está incluída ao imprimir a visualizaçãoAlém disso, como o conteúdo do relatório está gravado na página HTML, ao definir o conteúdo dinamicamente, você pode usar um script para ler os elementos da interface como a fonte de dados e, segundo, você pode gerar automaticamente o código do script através do código de segundo plano e emitê -lo na primeira página para ver o que você precisa.
A interface de visualização para configuração é mostrada aproximadamente na figura abaixo, onde a parte azul é o conteúdo que precisa ser impresso e a imagem em segundo plano é um modelo para faturas.
O código a seguir é obter o conteúdo correspondente através de scripts. Essa situação é adequada para cenários em que algum conteúdo impresso pode ser modificado na interface.
LodOp.add_print_text (95, 695, 250, 52, document.getElementById ("txtcompanyname"). InnerText); // Nome do escritório lodOP.set_print_stylea (1, "fontsize", 14); lodOP.set_print_stylea (1, "Bold", 1); var licensedate = document.getElementById ("txtliceSedate"). Value; // o período de validade do certificado var licperyear = ""; var licensemonth = ""; var licensedate licenseday = ""; if (licenciado! (Licensedate.split ("-") [2]). Substr (0, 2);} lodOp.add_print_text (396, 190, 46, 22, validateyear); // O final do período de validade lodop.set_print_stylea (6, "fontsize", 11); lodop.set_print_stylea (6, "Bold", 1); lodOp.add_print_text (396, 253, 30, 22, validatemonth); // Período de validade final do mês lodop.set_print_stylea (7, "fontsize", 11); lodop.set_print_stylea (7, "Bold", 1); lodop.add_print_text (396, 304, 32, 22, validadoy); // data de validade lodop.set_print_stylea (8, "fontsize", 11); lodOp.set_print_stylea (8, "Bold", 1);Por fim, ele está anexado à sua interface de design, onde a função de geração de código pode gerar exibição de layout de conteúdo para HTML estática e pode ser usado em páginas dinâmicas após fazer certas modificações e ajustes. Um recurso muito útil.
O exposto acima é a ideia de implementação da solução de impressão da web para o conjunto de certificados introduzido pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!