CAD网页中实现嵌套打印

网友投稿 674 2022-09-07

CAD网页中实现嵌套打印

CAD网页中实现嵌套打印

当用户需要打印两个控件的图纸时，可以采用嵌套打印实现。

实现嵌套打印功能，首先将两个控件放入网页中，js代码如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36	`<p align=``"center"``>` `<object classid=``"clsid:74A777F8-7A8F-4e7c-AF47-7074828086E2"` `id=``"MxDrawXCtrl1"` `codebase=``"style="background-color: rgb(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">width=48% height=85% align=``"left"``>` `<param name=``"_Version"` `value=``"65536"``>` `<param name=``"_ExtentX"` `value=``"24262"``>` `<param name=``"_ExtentY"` `value=``"16219"``>` `<param name=``"_StockProps"` `value=``"0"``>` `<param name=``"IsRuningAtIE"` `value=``"1"``>` `<param name=``"EnablePrintCmd"` `value=``"1"``>` `<param name=``"ShowStatusBar"` `value=``"1"``>` `<param name=``"ShowMenuBar"` `value=``"1"``>` `<param name=``"ShowToolBars"` `value=``"1"``>` `<param name=``"ShowCommandWindow"` `value=``"1"``>` `<param name=``"ShowModelBar"` `value=``"1"``>` `<param name=``"Iniset"` `value=``"AutoActive=N,LoadMrx=PropertyEditor"``>` `<param name=``"ToolBarFiles"` `value=``"MxDraw-ToolBar.mxt,MxDraw-ToolBar-DrawParam.mxt,MxDraw-ToolBar-Draw.mxt,MxDraw-ToolBar-Edit.mxt"``>` `<SPAN STYLE=``"color:red"``>不能装载CAD控件。请确认你可以连接网络或者检查浏览器的选项中安全设置。<a href=``"style="background-color: rgb(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">>安载CAD控件</a></SPAN>` `</object>` `<object classid=``"clsid:74A777F8-7A8F-4e7c-AF47-7074828086E2"` `id=``"MxDrawXCtrl2"` `codebase=``"style="background-color: rgb(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">width=48% height=85% align=``"right"``>` `<param name=``"_Version"` `value=``"65536"``>` `<param name=``"_ExtentX"` `value=``"24262"``>` `<param name=``"_ExtentY"` `value=``"16219"``>` `<param name=``"_StockProps"` `value=``"0"``>` `<param name=``"IsRuningAtIE"` `value=``"1"``>` `<param name=``"EnablePrintCmd"` `value=``"1"``>` `<param name=``"ShowStatusBar"` `value=``"1"``>` `<param name=``"ShowMenuBar"` `value=``"1"``>` `<param name=``"ShowToolBars"` `value=``"1"``>` `<param name=``"ShowCommandWindow"` `value=``"1"``>` `<param name=``"ShowModelBar"` `value=``"1"``>` `<param name=``"Iniset"` `value=``"AutoActive=N,LoadMrx=PropertyEditor"``>` `<param name=``"ToolBarFiles"` `value=``"MxDraw-ToolBar.mxt,MxDraw-ToolBar-DrawParam.mxt,MxDraw-ToolBar-Draw.mxt,MxDraw-ToolBar-Edit.mxt"``>` `<SPAN STYLE=``"color:red"``>不能装载CAD控件。请确认你可以连接网络或者检查浏览器的选项中安全设置。<a href=``"style="background-color: rgb(231, 243, 237); padding: 0px 3px; border-radius: 4px; overflow-wrap: break-word; text-indent: 0px;">>安载CAD控件</a></SPAN>` `</object>`

首先通过id得到两个控件，新建一个COM组件对象，设置打印的位置等常规设置，具体实现js代码如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31	`function` `BatchPrintDialog() {` `var` `ocx1 = document.getElementById(``"MxDrawXCtrl1"``);` `var` `ocx2 = document.getElementById(``"MxDrawXCtrl2"``);` `var` `print = ocx1.NewComObject(``"IMxDrawPrint"``);` `// 开始打印.` `print.BeginNestedPrint();` `//iFlag = 0表示页边距，iFlag = 1表示打印区域矩形框位置` `print.Flag = 1;` `// 打印区位置(10,10,200,100),坐标系统是，X从左到右，Y从上到下.` `//打印的页边距的左边距离` `print.dLeftPageMargin = 10;` `//打印的页边距的上边距离` `print.dTopPageMargin = 10;` `//打印的页边距的右边距离` `print.dRightPageMargin = 200;` `//打印的页边距的下边距离` `print.dBottomPageMargin = 100;` `// 把屏幕显示内容进行的打印,打印第一个控件。` `ocx1.MakeCurrentOcx();` `print.PrintScreen();` `ocx2.MakeCurrentOcx();` `// 打印区位置(10,110,200,210),坐标系统是，X从左到右，Y从上到下.` `//打印的页边距的上边距离` `print.dTopPageMargin = 110;` `//打印的页边距的下边距离` `print.dBottomPageMargin = 210;` `// 把屏幕显示内容进行的打印,打印第二个控件。` `print.PrintScreen();` `//结束嵌套打印` `print.EndNestedPrint();` `}`

网页中演示效果如下，用户可以打印在两个控件里面的图纸内容。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：js 网页

相关文章

uniapp开发app框架在提升开发效率中的独特优势与应用探索

674 2022-09-07

智慧屏第三方App安装如何提升用户体验与功能拓展

674 2022-09-07

小米电视 app 开发的前景与挑战，如何把握市场机会？

674 2022-09-07

发表评论

暂时没有评论，来抢沙发吧~