在前面介绍的一篇文章的打印控件Lodop网页打印解决方案普通打印功能设置从感觉开始是很方便的说，至少不需要调整自己的界面位置，位置好，还提供了自动保存功能，不需要麻烦。
一般来说，它包括几个部分：打印预览、打印维护、打印设计。
打印预览和打印维护是为最终用户使用的。打印维护意味着内容不能被修改、删除，但可以调整位置以提供不同打印机大小的打印位置。
打印设计是为开发人员设计的，我们需要设计这个功能所建立的界面，即根据文档的背景图片粗略地设置每个内容的位置。
粗略的实现代码如下所示：
VaR Lodop = document.getelementbyid（Lodop ）； / /这个声明是符合DTD规范
CheckLodop（）；
功能preview2（）{
CreateDataBill（）；
LODOP.PREVIEW（）；
}；
功能setup2（）{
CreateDataBill（）；
lodop.print_setup（）；
}；
功能设计（）{
CreateDataBill（）；
lodop.print_design（）；
}；
功能realprint（）{
CreateDataBill（）；
如果（LODOP.PRINTA（））
警报（）已发出实际打印命令！；
其他的
警报（放弃打印）！；
}；
函数的CreateDataBill（）{
lodop.set_print_paper（1010762533，打印控制功能进行功能_lodop _移动公司发票打印）；
lodop.add_print_text（126150100,20，郭德纲）；
lodop.set_print_stylea（1，字体颜色
lodop.add_print_text（151150100,20，13954885177 ）；
lodop.set_print_stylea（2，字体颜色
lodop.add_print_text（125584,99,20，发票打印（第一次））；
lodop.set_print_stylea（3，字体颜色
lodop.add_print_text（465140198,20，lubaiqi亿八十元三角零）；
lodop.set_print_stylea（4，字体颜色
lodop.add_print_text（465599,70,20，678.30 ）；
lodop.set_print_stylea（5，字体颜色
lodop.add_print_text（496408,59,20，h112063 ）；
lodop.set_print_stylea（6，字体颜色
lodop.add_print_text（19158100,20，国内漫游通话）；
lodop.set_print_stylea（7，字体颜色
lodop.add_print_text（191217100,20，584 ）；
LODOP.SET_PRINT_STYLEA (8, FontColor
lodop.add_print_text（22258100,20，增值服务费）；
lodop.set_print_stylea（9，字体颜色
lodop.add_print_text（222217100,20，48.30 ）；
lodop.set_print_stylea（10，字体颜色
lodop.add_print_text（25158100,20 ，而不是）；
lodop.set_print_stylea（11，字体颜色
lodop.add_print_text（251217100,20，50 ）；
lodop.set_print_stylea（12，字体颜色
lodop.add_print_text（28058100,20，优惠费）；
lodop.set_print_stylea（13，字体颜色
lodop.add_print_text（280217100,20，4 ）；
lodop.set_print_stylea（14，字体颜色
lodop.add_print_text（98101150,20，101081005747319387 ）；
lodop.set_print_stylea（15，字体颜色
lodop.add_print_text（97307150,20，2008年10月19日10:28:38 ）；
lodop.set_print_stylea（16，字体颜色
lodop.add_print_text（152584103,20，138860016786 ）；
lodop.set_print_stylea（17，字体颜色
lodop.add_print_text（95571112,20，06775516 ）；
lodop.set_print_stylea（18，字体
lodop.set_print_stylea（18，字体颜色
lodop.add_print_text（496135183,20，09个月2008（20080901-20080930））；
lodop.set_print_stylea（19，字体颜色
lodop.add_print_text（496572112,20，王府井中心店）；
lodop.set_print_stylea（20，字体颜色
lodop.add_print_text（311217100,20，678.30 ）；
lodop.set_print_stylea（21，字体颜色
lodop.add_print_text（31158100,20，总成本）；
lodop.set_print_stylea（22，字体颜色
lodop.add_print_setup_bkimg（）；
lodop.set_show_mode（bkimg_in_preview
}
大部分内容都很好理解。不同功能调用不同的功能预览、预览、维护设置和设计。
在播放时，注意通过下面的代码设置背景图片（打印时，它不会在背景上打印）。
lodop.add_print_setup_bkimg（）；
lodop.set_show_mode（bkimg_in_preview，1）； / /包含背景图打印预览
另外，因为报表的内容是在html页面中编写的，所以在动态中设置内容，可以使用脚本读取接口元素作为数据源，两个可以通过后台代码自动生成脚本代码，输出到首页，查看具体需要。
该集合的预览界面大致如下图所示，其中蓝色部分是需要打印的内容，背景图片是发票的样本。
下面的代码用于通过脚本获取接口元素以获取相应的内容，该内容适用于修改接口上某些打印内容的场景。
lodop.add_print_text（document.getelementbyid 95, 695, 250，52，（txtcompanyname ）； / /。innerText）企业名称
lodop.set_print_stylea（1，字体大小
lodop.set_print_stylea（1，大胆
无功licensedate = document.getelementbyid.value（txtlicensedate ）； / /证书的有效期
无功licenseyear = ；
无功licensemonth = ；
无功licenseday = ；
如果（licensedate！= null licensedate！）{
licenseyear = licensedate.split（）{ 0 }；
licensemonth = licensedate.split（）{ 1 }；
licenseday =（licensedate.split（）{ 2 }），Substr（0, 2）；
}
lodop.add_print_text（396, 190, 46，22，validateyear）； / /年期结束
lodop.set_print_stylea（6，字体大小
lodop.set_print_stylea（6，大胆
lodop.add_print_text（396, 253, 30，22，validatemonth）； / /到期月份
lodop.set_print_stylea（7，字体大小
lodop.set_print_stylea（7，大胆
lodop.add_print_text（396, 304, 32，22，validateday）； / /有效日期
lodop.set_print_stylea（8，字体大小
lodop.set_print_stylea（8，大胆
最后，附上了设计界面。生成的代码函数可以生成静态HTML的内容布局显示，并对动态页面进行修改和调整。
以上是实现想法的Web文档打印解决方案由萧边设立的，希望能帮助你。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。