"这篇文档是关于WEB打印控件LODOP的详细说明,适用于网页中的打印功能,提供了在页面中嵌入LODOP控件的代码示例以及如何进行图片和表格的缩放打印操作。"
LODOP是一款专业的WEB打印控件,它允许开发者在网页上实现各种复杂的打印功能,无需用户安装任何额外的打印驱动。通过在HTML页面中嵌入LODOP的JavaScript函数库和对象,开发者可以轻松地控制打印内容、样式以及布局。
在页面中嵌入LODOP控件的代码如下所示:
```html
<script language="javascript" src="LodopFuncs.js"></script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="install_lodop.exe"></embed>
</object>
```
这段代码包含了一个`<script>`标签用于引入`LodopFuncs.js`,这是LODOP的JavaScript函数库,以及两个标签`<object>`和`<embed>`,它们用于在页面中注册和加载LODOP控件。
对于缩放打印图片的功能,LODOP提供了两种模式:可变形扩展缩放和按原图比例缩放。例如,以下两个函数演示了如何添加并设置打印图片的样式:
```javascript
function myPreview2() {
LODOP = getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_IMAGE(30, 150, 600, 400, "<img border='0' src='http://www.baidu.com/img/baidu_logo.gif'/>");
LODOP.SET_PRINT_STYLEA(1, "Stretch", 1); // 可变形扩展缩放模式
LODOP.PREVIEW();
};
function myPreview3() {
LODOP = getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_IMAGE(30, 150, 600, 80, "<img border='0' src='http://www.baidu.com/img/baidu_logo.gif'/>");
LODOP.SET_PRINT_STYLEA(1, "Stretch", 2); // 按原图比例(不变形)缩放模式
LODOP.PREVIEW();
};
```
在这两个函数中,`ADD_PRINT_IMAGE`方法用于添加图片到打印区域,而`SET_PRINT_STYLEA`则用于设置图片的缩放模式。`Stretch`参数为1表示可变形扩展,2表示保持原图比例缩放。
此外,LODOP还支持控制表格的打印样式。例如,可以通过设置HTML样式来调整表格在打印时的显示效果:
```javascript
function myPreview3() {
LODOP = getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
var strBodyStyle = "<style>table, td {border: 1px solid black;}</style>";
LODOP.ADD_PRINT_HTML(0, 0, "100%", "100%", strBodyStyle + "<table><tr><td>表格内容</td></tr></table>");
LODOP.PREVIEW();
};
```
在这个例子中,`ADD_PRINT_HTML`方法用于添加HTML内容到打印页面,并且通过`strBodyStyle`变量定义了表格的边框样式。
LODOP为WEB应用程序提供了强大的打印功能,包括但不限于图片处理、表格样式控制等,使得开发者可以更加灵活地定制网页打印效果。通过深入理解和运用LODOP提供的API,开发者能够创建出满足用户需求的高效打印解决方案。