網(wǎng)頁(yè)加載CAD圖紙的兩個(gè)方案對(duì)比說(shuō)明

時(shí)間：2023-05-26 04:03:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-05-26 04:03:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)加載CAD圖紙的兩個(gè)方案對(duì)比說(shuō)明：一．說(shuō)明

夢(mèng)想控件提供兩種技術(shù)在網(wǎng)頁(yè)中加載CAD圖紙，一個(gè)是OCX技術(shù)方案，另一個(gè)是HTML5技術(shù)方案，它們各有優(yōu)缺點(diǎn)，用戶(hù)需根據(jù)實(shí)際情況進(jìn)行選擇，下邊分別說(shuō)明一下。

1、ocx技術(shù)方案

（1）OCX技術(shù)是IE的插件標(biāo)準(zhǔn)，使用OCX技術(shù)可以在IE加一個(gè)二進(jìn)制代碼插件，在IE或國(guó)產(chǎn)瀏覽器兼容模式下加載我們的CAD ocx，就能直接顯示圖紙。

（2）快速入門(mén)教程:

https://help.mxdraw.com/?pid=25

（3）在線演示：

https://mxtmpweb.mxdraw.f3322.net:3562/iedemo.html

（4）運(yùn)行效果：

（5）前端代碼引用方式，通過(guò)<object>加載：

classid = "74A777F8-7A8F-4e7c-AF47-7074828086E2", Sys.ie || Sys.ie9 ? (document.write("<!-- 用來(lái)產(chǎn)生編輯狀態(tài)的ActiveX控件的JS腳本--> "), document.write("<!-- 因?yàn)槲④浀腁ctiveX新機(jī)制，需要一個(gè)外部引入的js--> "), document.write('<object id="'+ id + '" classid="clsid:' + classid + '" '), //document.write('width="85%" height="85%" align="left"> '), document.write('codebase=" ' + cabpath + 'width="85%" height="85%" align="left"> '), document.write('<param name="_Version" value="65536"> '), document.write('<param name="_ExtentX" value="24262"> '), document.write('<param name="_ExtentY" value="16219"> '), document.write('<param name="_StockProps" value="0">'), document.write('<param name="DwgFilePath" value="' + dwgfile + '" > '), document.write('<param name="IsRuningAtIE" value="1">'), document.write('<param name="EnablePrintCmd" value="1"> '), document.write('<param name="ShowCommandWindow" value="1"> '), document.write('<param name="ShowToolBars" value="1"> '), document.write('<param name="ShowModelBar" value="1">'), document.write('<param name="Iniset" value=""> '), document.write('<param name="ToolBarFiles" value="">'), document.write('<param name="ShowMenuBar" value="1">'), document.write('<param name="EnableUndo" value="1">'), document.write('<param name="ShowPropertyWindow" value="1">'), document.write('<SPAN STYLE="color:red">不能裝載文檔控件。請(qǐng)?jiān)跈z查瀏覽器的選項(xiàng)中檢查瀏覽器的安全設(shè)置。請(qǐng)點(diǎn)擊<a href=' + msipath + '>安裝控件</a></SPAN>'), document.write('</object>')) : （6）優(yōu)點(diǎn)：夢(mèng)想CAD ocx有十年開(kāi)發(fā)積累，開(kāi)發(fā)接口非常豐富，功能最成熟，可以在網(wǎng)頁(yè)里直接打開(kāi)編輯CAD圖紙，對(duì)服務(wù)器沒(méi)有要求，也不需要在服務(wù)器安裝插件。

（7）缺點(diǎn)：對(duì)瀏覽器有要求，必須是ie，或ie內(nèi)核瀏覽器，如果想在chrome瀏覽器上使用，必須使用我們指定安裝的谷歌瀏覽器，而國(guó)產(chǎn)瀏覽器，QQ,360瀏覽器是可以在極速模式下使用，用戶(hù)在第一次使用時(shí)，需要安裝一下我們的插件，ie支持CAB安裝包的自動(dòng)安裝。

2、HTML5技術(shù)方案

（1）在使用網(wǎng)頁(yè)直接使用canvas渲染CAD圖紙，chrome瀏覽器推使用該技術(shù)在網(wǎng)頁(yè)顯示二維，三維圖形。

（2）快速入門(mén)教程:

https://help.mxdraw.com/?pid=32

（3）在線演示：

http://www.mxdraw.com:3000/

（4）MxCAD云圖圖庫(kù)：

https://www.mxdraw3d.com/drawinglibrary.html

（5）運(yùn)行效果：

（6）優(yōu)點(diǎn)：跨平臺(tái)，可以在手機(jī)，微信朋友圈，小程序，安桌，蘋(píng)果系統(tǒng)上使用，只要有chrome內(nèi)核的瀏覽器就能加載顯示CAD圖紙，不需要在用戶(hù)端安裝任何程序。

（7）缺點(diǎn)：最近幾年開(kāi)發(fā)出來(lái)，所以相比OCX方案，編輯功能簡(jiǎn)單一些，開(kāi)發(fā)接口也沒(méi)有OCX成熟，需要在服務(wù)器后臺(tái)調(diào)用我們的圖紙轉(zhuǎn)換程序?qū)D紙格式轉(zhuǎn)換。不過(guò)我們?cè)诓煌Ｍ晟疲?dāng)前如果只需要瀏覽，批注，測(cè)量CAD圖紙已經(jīng)足夠使用。

二．詳細(xì)功能對(duì)比較表格

功能說(shuō)明	OCX情況	HTML5情況
前端是否需要安裝程序	是	否
瀏覽器要求	IE,支持國(guó)產(chǎn)瀏覽器QQ,360,chrome需要指定安裝包,不支持火狐	Chrome，火狐，國(guó)產(chǎn)瀏覽器。
是否支持VUE	可以簡(jiǎn)單支持，或使用iframe把ocx包起來(lái)。	完整支持
圖紙瀏覽	直接打開(kāi)	后臺(tái)轉(zhuǎn)換加載顯示
編輯功能	完整編輯功能，精簡(jiǎn)版本CAD	支持，不完整，正在開(kāi)發(fā)
顯示效率	達(dá)到AutoCAD:89%	顯示加載圖紙很快，超過(guò)AutoCAD
是否跨平臺(tái)	只能windows	所有平臺(tái)
前臺(tái)開(kāi)發(fā)語(yǔ)言	JS,HTML	JS,TS,HTML5,THREE.JS
后臺(tái)開(kāi)發(fā)語(yǔ)言	無(wú)	JAVA,NODE.JS,ASP.NET,PHP,GO等都可以。
前端系統(tǒng)要求	Windows	Windows,安卓，Linux,蘋(píng)果等所有系統(tǒng)
后端系統(tǒng)要求	無(wú)，可以不在后臺(tái)運(yùn)行	Windows,Linux
后端轉(zhuǎn)pdf,jpg	支持，調(diào)用COM接口。	支持，調(diào)用我們的轉(zhuǎn)換程序
前端轉(zhuǎn)pdf,jpg	支持	不支持
協(xié)同功能	不支持	可以實(shí)現(xiàn)(定制功能)
測(cè)量批注功能	支持	支持
是否支持天正自定義實(shí)體	不支持，必保存T3格式。	不支持，必保存T3格式，但可以做到服務(wù)后臺(tái)自動(dòng)轉(zhuǎn)T3(定制功能)
圖紙大小	一般最大50M,具體看圖紙內(nèi)容復(fù)雜度	一般最大50M,具體看圖紙內(nèi)容復(fù)雜度