lodop.打印左侧有空白,不居中

LODOP打印超文本有边距不居中的情况2

之前的博文:LODOP打印项水平居中.之前的博文有介绍超文本和纯文本的居中方式,设置超文本打印项居中时,注意打印内容要在打印项本身宽度里居中.之前的博文超文本用的是个表格,而且表格本身没有margin之类的边距,所以直接在打印设计里调整打印项宽度到合适表格的宽度,然后设置打印项水平居中就可以了. 该文再演示下超文本中有内部边距的时候,这种时候,也需要把超文本相对于打印项本身居中,也就是左右两侧距离相等.由于px是相对单位,受电脑分辨率的影响,所以尽量用pt或mm等绝对单位进行设计. 之前博文演示

Lodop打印控件打印‘接下一页’‘以下空白’

Lodop打印控件中,超文本超过设置的打印项高度或超过纸张,就会自动分页,纯文本通过设置为多页项也可以根据打印项高度自动分页,Lodop中还提供了许多手动分页的方法,对于多页文档中(自动分页或手动分页),有时候需要标注‘接下一页’,用来表示内容没有结束.自动分页,不知道总共会分多少页,分到的最后一页的数据数量可能很少,造成最后一页下方是空白,需要标注‘以下空白’,表示后面没有其他内容了.Lodop中对打印项的控制很多,可以输出到某页,也可以设置每页输出,‘接下一页’也就是每页输出,最后一页因为

Lodop打印设计（PRINT_DESIGN）介绍

打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等).(1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px.(用于微调,普通调整可拖动调整元素位置,移动选中的单个或多个打印项)(2)第一排第二个功能,设置颜色.点击颜色方格的图标,可选预设的颜色,或者自定义颜色.例如:LODOP.ADD_PRINT_SHAPE(2,175,43,100,60,0,1,"#FF0000");//一个矩形设置颜色为#FF0000LODOP

[原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. =====后来遇到的问题: css文件里的样式, 在页面上显示没有问题, 但是打印预览却没有样式.... 又挣扎了一天, 原来问题是: lodop中的加入css文件后, 不能识别css类(.

LODOP打印项水平居中

LODOP控制打印项水平居中,可以用如下语句,该语句控制的是打印项本身在纸张中水平居中.LODOP.SET_PRINT_STYLEA(0,"Horient",2);这个根据大的打印项本身的宽度,如果打印项本身内部不是居中的,那么加了这句,内容也不会居中. 之前有博文介绍过打印项在纸张中受到的各种边距:LODOOP中的各种边距打印项.整体偏移.可打区域.内部边距例如,打印项的左边距,是指打印项与纸张之间的距离,打印项内部如果也有左边距,例如样式等造成的,那么打印项内容和纸张之间的距离

Lodop打印控件设置表格次页偏移

Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这些东西只需要在第一页显示.在这种情况下,表格自动分页后,还是会按照打印项原来的top顶边距来进行定位,也就是第二页.第三页……上方,原来标题好制表人日期什么的占用的地方,会显示空白,这段距离还在,这显然是浪费了上方的空间也让纸张看起来留白很不舒服. 这种情况下,Lodop提供了次页偏移方法,让自动分

Lodop打印控件超文本自动分页

Lodop打印控件打印html超文本,通常传入一个超文本内容可能会超过纸张,如果要拆分每页显示哪些然后手动分页比较麻烦,Lodop中的超文本都有自动分页的特点.自动分页的依据:1.超文本超过设置的打印项高度自动分页(打印项高度)2.超文本超过纸张自动分页(纸张高度) 超文本分页,有两种可能,1.超过设置的打印项高度 2.打印项超过纸张高度刚接触Lodop的新手有时会奇怪,一页下面还有很多空白怎么就分页了呢?这是由于超文本打印项高度设定小了的缘故,本博文的(图2)专门介绍什么是打印项高度,以及如

Lodop打印项对象类型属性区分

Lodop提供了一些打印项类型,默认是普通项,通过设置打印对象的类型,可以实现一些普通项不能实现的效果.例如:该博客另一篇博文标题是Lodop打印控件打印‘接下一页’‘以下空白’,就用了眉脚项. 普通项:默认纯文本打印项(ADD_PRINT_TEXT)为普通项,只输出当前页,如果内容超过打印项宽度,且高度不够,该纯文本打印项会隐藏后面的内容.如果是超文本(例如:ADD_PRINT_HTM),超过打印项高度会自动分页.1.只在当前页输出.2.如果该纯文本打印项内容超过打印项宽度,且高度较大,该

Lodop打印设计里的打印项对齐

打印设计界面里,有四个对齐的图标:(1)第一个图标是左右对齐方式,该图标下有四种左右对齐方式.(2)第二个图标是上下对齐方式,该图标下有四种上下对齐方式.(3)第三个图标是等宽对齐,该图标下有三种等宽对齐方式.(4)第四个图标是等高对齐,该图标下有三种等高对齐方式.如下图,5个对齐截图.第一个是左右对齐的一种(1)向左靠齐:第二个是左右对齐的一种(2)左右居中对齐:第三个是上下对齐的一种(3)向上靠齐:第四个是等宽对齐的一种(4)按最大等宽:第五个是等高对齐的一种(4)按最小等高:如何选中多个元

LODOP打印控件关联输出各内容

Lodop打印控件利用SET_PRINT_STYLEA里面的“LinkedItem”可以把多个独立的内容关联起来,让它们顺序打印.这样,就可以实现很多效果,例如一些内容紧跟着表格下方输出,关联表格后就是和表格的偏移值,不再用top,left定位,相对于表格.当连续使用关联前一个对象,变成连续顺序关联串的时候,注意第一个对象的高度是当前页输出(所有内容)的高度,超过高度会分页,-1为前一项,可以连成关联串,第一个对象的高度height就是每一页输出的串的高度,也就是说,如果想在一个页面输出整个串的

Lodop打印设计（PRINT_DESIGN）里的快捷键

Lodop打印控件,给开发人员提供了可视化编辑工具,编辑后可生成代码,然后复制到自己程序代码中,让开发更简单,打印设计中有一些快捷键也能让开发更便捷. 打印设计快捷键:ctrl 多个选中Shift 左侧打印项列表,连续一段选择ctrl+鼠标滑动拖拉选中区域内打印项按住alt+打印对象,左边打印项列表中鼠标拖动改变打印项的输出顺序ctrl + delete 删除ctrl + 方向键移动按住ctrl+打印对象,同时拖拉一个对象就复制了详细介绍和图示:ctrl 多个选中和windows系统选择多个不

LODOP打印table超宽用省略号带'-'的内容换行问题

前面的博文有div超宽隐藏(LODOP打印超过后隐藏内容样式),还有有table设置超宽隐藏(),此外,还有超宽后用省略号表示的css样式,此文是针对这个样式的.该样式正常情况下没问题,但是遇到-短线这种英文连接符的时候,会导致换行,换行后隐藏后面的内容,为了宽度固定,可以设置不换行样式,但是浏览器显示正常,lodop可能会有问题.此问题可以用table里需要的内容嵌套div来解决.加了居中样式后,-线会可能会变省略号问题:可见本博文的最下方的代码测试代码2和图示2. 测试代码1: 去掉了注释,

chrome升级后LODOP打印插件无法使用

今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用方法如下: 在谷歌浏览器地址栏输入:chrome://flags/#enable-npapi 然后找到“启用NPAPI”,点击启用,根据提示重启chrome即可.

LODOP打印控件示例

一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图二.写在前面最近项目用到了LODOP的套打,主要用到两个地方,一是物流的面单(即套打在EMS等各种物流快递单),另一个是把数据画成表格来打印出库单.物流面单比较简单,网上有各种例子还是比较方便的.主要说说通过该工具画表格的用法,当然通过ADD_PRINT_TABLE 这种超文本格式(即通过写好表格的html来实现)的也可以琢磨琢磨. 三.lodop的demo <ht

LODOP打印当前日期时间的方法

JS方法直接获取.之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的FORMAT方法获取日期,然后打印,3.JS获取日期和时间代码 : <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WE

LODOP打印用JS获取的当前日期

该文详细一步步解释JS获取当前时间的方法,新手小白也看到懂,最后是实际的获取当前年月份的方法.JS中的Date()对象,包含很多当前系统时间的方法,首先建立一个Date()对象,这里取名为date,然后用console.dir(对象名)在控制台输出该对象的全部属性.代码: function ConsoleDateProperty() {//控制台输出属性 var date = new Date(); console.dir(date); } 图示: 如图,可看出Date对象里有很多属性,可以利用

Lodop打印控件在页面如何使用

Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lodop部署web网站客户端本地打印角色一.推荐的使用方法是混合部署,即Lodop官网样例那种部署方式,可直接引用LodopFuncs.js,里面写好了判断,判断哪些浏览器走Lodop还是走C-Lodop:LODOP打印控件如何提示用户升级下载安装新版本. 可混合部署,不论浏览器是否支持np插件都

Lodop打印表格带页头页尾自动分页每页显示头尾

Lodop中有两种专门给超文本表格的方式,ADD_PRINT_TABLE和ADD_PRINT_TBURL,该方式只能用于单个表格,表格外的内容不显示,是专门用于打印html超文本表格的.使用这两个语句,内容在thead和tfoot标签内,被当做页头页尾,每页的高度是否包含页头页尾是可以设置的,默认是不包含的.Lodop打印表格带页头页尾高度是否包含页头页尾注意:由于ADD_PRINT_TABLE和ADD_PRINT_TBURL只用于单个表格,所以表格外的内容是不会显示的.ADD_PRINT_H

Lodop打印表格带页头页尾高度是否包含页头页尾

通过设置TableHeightScope,可以实现对ADD_PRINT_TABLE,表格带页头页尾,查看本博客另一篇博文:Lodop打印表格带页头页尾自动分页每页显示头尾超文本超过打印项高度,会自动分页,详细参考本博客另一篇博文:Lodop打印控件超文本自动分页那么带页头页尾后的超文本高度,会决定每页输出的内容多少,自动分页的依据,默认高度是不包含页头页尾的,可以通过语句设置是否包含页头页尾,或只包含其中的某一个.LODOP.SET_PRINT_STYLEA(0,"TableHeight

Lodop打印控件传入css样式、看是否传入正确样式

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或引用的是.css文件等情况,使用Lodop打印控件进行打印超文本的时候,要注意把样式也传进去.可参考LODOP官网的样例10(或下载中心综合版里自带的样例10),如图,就是该样例的几种引用css样式的方式: 引入之后,可以通过打印设计(PRINT_DESIGN) 选中超文本打印项-右键-把查看到的超

巴特西