网页加载cad图纸的两个方案.docx
网页加载CAD图纸的两个方案梦想控件提供两种技术在网页中加载CAD图纸，一个是OCX技术方案，另一个是HTML5技术方案，它们各有优缺点，用户需根据实际情况进行选择，下边分别说明一下。一、OCX技术方案1.0CX技术是IE的插件标准，使用OCX技术可以在IE加一个二进制代码插件，在IE或国产浏览器兼容模式下.加载我们的CAD ocx,就能直接显示图纸。2 .快速入门教程：https: 3 .在线演示：https: :3562/i edemo.html运行效果：0 https，rmh“”E、mx& 罗也MxDfdwX ActiveX 5.2 .iwf3322 net 1S62/i-d< ik)ntnif JFOWGZM | ttlHSUtt |畲口缩放|安耐缙放|遛M修动I H示/电：乂条| “印|除制口比义实体|绘制动 |物示东印|测览模式切黑|绘制标记I MFM文件(E)城坦(D视3300格式(Q)蛇图(3 ««(M)/ /"令/刁、,二44 .二II ft找:文字|这杆他圉打印I GbQO® Q，/*700 0 /。0。 *%A±IA口 U“一无33S版本罗想c .版.52202-程.E:Mx.公一成都控.WWW.柠件匕经购买a软代内答名怔行.正常卜诲能自动生河仪中加效.建仪使用1E . >7：. CAB k Z , ： f! 13M. I-般3分立左右J,请*O等恃如泉不能10it关/体电上的票*件.WMC360 01360*9. ««««.q Z 卜 <kMxDrawx86Setup.exerMxOrawx64Setup.exe ; k & i , *后内试卜久MxDQwX52.CABfiM&我色，A地b«MxDniwXS2.CAB.下CMxDqwx86s6upx千功32位女装包上A触bllMxDrawx86Setup.exe.FttMxDrdwx64Setup.exe f 64位女长色目公中.卜t1tMxDrawxMSetup.exe.谷用，.MxChrom安装包：Chrome企业版快僮方式启动卜SkMxChromex86Setup.exe.«，、g型乂布舄1 /系牧崎时工件路：C： WsersMxDrawAppDataLocalT»pLow控ft 网址:et. mxdraw. cob命令：正在用txt.shx昔换siapl. shxil:dJt|hztxt. shx杵换hz. shx.iMMLrkcG J.】16712568s8579. 139781549867. F格 正交WW叼电晒促 灼中追踪DYN堆笊 9一150% 4 .前端代码引用方式，通过(object加载：classid = "74A777F8-7A8F-4e7c-AF47-7074828086E2"/Sys.ie | Sys.ie9 ? (document.write("<!-用来产生编辑状态的 ActiveX 控件的 JS 脚本>documentwrite("<!-因为微软的ActiveX新机制，需要一个外部引入的js-> "),documentwrite('<object id="'+ id + classid="clsid:' + classid + '),/document.write(,width="85%" height="85%" align="left"> '),document.write('codebase="' + cabpath + 'width="85%" height="85%" align="left"> '),documentwritef <param name=,_Version,' value="65536,> >document.writeC<param name=ExtentXH value=',242621,> >document.writeCparam name=，LExtentYH value=",16219H>documentwritef*<param name=,_StockPropsu value=,0H>,)/documentwritef1 <param name=HDwgFilePathM value=H, + dwgfile + > )documentwritef <param name=HIsRuningAtIEn value="lH>,)/document.write('<param name=,EnablePrintCmdn value=HlM> )document.write('<param name=",ShowCommandWindow,' value=HlH> )documentwritef*<param name=,ShowToolBarsM value=,l,> '),documentwritef <param name=,ShowModelBar,' value=,l,>,)/documentwritef <param name=,InisetM value='H,> )document.write('<param name=",ToolBarFiles" value=",>')/documentwritef*<param name=,ShowMenuBarM value=,lH>,)/documentwritef*<param name="Enablellndo“ value=,lH>,)/documentwritef <param name=HShowPropertyWindown value;documentwnte('<SPAN STYLE二"81。匚侔d>不能装载文档控件。请在检查浏览器的选项中检查浏览器的安全设置请点击<a href=" + msipath + 1>安装控件</a></SPAN>)documentwritef </object>*):优点：梦想CAD ocx仃卜年开发积累，开发接口非常丰富，功能最成熟，可以在网页里直接打开编辑CAD图纸，对服务耀没有要求，也不需要在服务瑞安装插件。缺点：对浏览器有要求，必须是IE,或IE内核浏览器，如果想在chrome浏览器上使用，必须使用我们指定安装的谷歌浏览器，而国产浏览器，QQ360浏览器是可以在极速模式下使用，用户在笫次使用时，需要安装一下我们的插件，IE支持CAB安装包的自动安装。二、HTML5技术方案1 .网页直接使用canvas渲染CAD图纸，chrome浏览器推使用该技术在网页显示二维，三维图形。2 .快速入门教程：3 .在线演示：:3000/4 .MxCAD云图图库：运行效果：5) HI ML <ca<n'ds> I'W MX：© hltp4/«ww.fnxdfawxont30l :300C/mxv/eb3d.ntmi?r Ie-te$t4 dwg优点：跨平台，可以在手机，微信朋友圈，小程序，安桌，苹果系统上使用，只要有chrome内核的浏览器就能加载显示CAD图纸，不需要在用户端安装任何程序。: test4.dwgX可见名字状毒<§>Qmoa<§>06(S>23<3>AXIS<5>BQI<S>COtUMN<5>3(2>.LAYER14/<3>lAYIR?-5-IAYFR16Close2DVJ0 Bjjck测试脓所分给制undo2dDraw动亳百点动&SKI功MM修的所有点坐标Witrowmi®显小或a班测试Three.线缺点：最近儿年开发出来，所以相比OCX方案，编辑功能简单一些，开发接口也没有OCX成熟，需要在服务器后台调用我们的图纸转换程序对图纸格式转换。不过我们在不停完善，当前如果只需要浏览，批注,测量CAD图纸已经足够使用。三、详细功能对比较表格功能说明OCX情况HTML5情况前端是否需要安装程序是否浏览器要求IE,支持国产浏览器QQ360,chrome需要指定安装包，不支持火狐Chrome,火狐，国产浏览器。是否支持VUE可以简单支持，或使用iframe把ocx包起来完整支持图纸浏览直接打开后台转换加载显示编辑功能完整编辑功能，精简版本CAD支持，不完整，正在开发显示效率达到 AutoCAD:89%显示加载图纸很快，超过AutoCAD是否跨平台只能 windows所有平台前台开发语言JS,HTMLJS,TS,HTML5ZTHREEJS后台开发语言无JAVA,NODE.JSASP.NET,PHRGO 等都可以。前端系统要求WindowsWindows,安卓，Linux,苹果等所有系统后端系统要求无，可以不在后台运行Windows,Linux后端转pdfjpg支持，调用COM接口支持，调用我们的转换程序前端转pdfjpg支持不支持协同功能不支持可以实现（定制功能）测量批注功能支持支持是否支持天正自定义实体不支持，必须保存T3格式。不支持，必须保存T3格式，但可以做到服务后台自动转T3（定制功能）图纸大小一般最大50M,具体看图纸内容复杂度一般最大50M,具体看图纸内容复杂度打印功能支持直接打印支持打印，使用canvas打印canvas打印代码：fun("print,).onclick=functionOvar dataURL = canvas.toDataURL(',image/png,1);var newWindow=window.open();newWindow.document.writeCimg src=",+dataURL+,/，)；newWindow.print();)
