当前位置:首页 > 技术分析 > 正文内容

网页加载CAD图纸的两个方案对比说明(网页浏览编辑DWG)

ruisui883个月前 (04-03)技术分析26

一.说明

梦想控件提供两种技术在网页中加载CAD图纸,一个是OCX技术方案,另一个是HTML5技术方案,它们各有优缺点,用户需根据实际情况进行选择,下边分别说明一下。

1、ocx技术方案

(1)OCX技术是IE的插件标准,使用OCX技术可以在IE加一个二进制代码插件,在IE或国产浏览器兼容模式下加载我们的CAD ocx,就能直接显示图纸。

(2)快速入门教程:

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

(3)在线演示:

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

(4)运行效果:

(5)前端代码引用方式,通过<object>加载:

classid = "74A777F8-7A8F-4e7c-AF47-7074828086E2",


Sys.ie || Sys.ie9 ? (document.write(" "),

document.write(" "),

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(' '),

document.write(' '),

document.write(' '),

document.write(''),

document.write(' '),

document.write(''),

document.write(' '),

document.write(' '),

document.write(' '),

document.write(''),

document.write(' '),

document.write(''),

document.write(''),

document.write(''),

document.write(''),

document.write('不能装载文档控件。请在检查浏览器的选项中检查浏览器的安全设置。请点击安装控件'),

document.write('</object>')) :

优点:梦想CAD ocx有十年开发积累,开发接口非常丰富,功能最成熟,可以在网页里直接打开编辑CAD图纸,对服务器没有要求,也不需要在服务器安装插件。

缺点:对浏览器有要求,必须是IE,或IE内核浏览器,如果想在chrome浏览器上使用,必须使用我们指定安装的谷歌浏览器,而国产浏览器,QQ,360浏览器是可以在极速模式下使用,用户在第一次使用时,需要安装一下我们的插件,IE支持CAB安装包的自动安装。


HTML5技术方案

1.网页直接使用canvas渲染CAD图纸,chrome浏览器推使用该技术在网页显示二维,三维图形。

2.快速入门教程:

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

3.在线演示:

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

4.MxCAD云图图库:

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

运行效果:



优点:跨平台,可以在手机,微信朋友圈,小程序,安卓,苹果系统上使用,只要有chrome内核的浏览器就能加载显示CAD图纸,不需要在用户端安装任何程序。

缺点:最近几年开发出来,所以相比OCX方案,编辑功能简单一些,开发接口也没有OCX成熟,需要在服务器后台调用我们的图纸转换程序对图纸格式转换。不过我们在不停完善,当前如果只需要浏览,批注,测量CAD图纸已经足够使用。



详细功能对比较表格

功能说明

OCX情况

HTML5情况

前端是否需要安装程序

浏览器要求

IE,支持国产浏览器QQ,360,chrome需要指定安装包,不支持火狐

Chrome,火狐,国产浏览器。

是否支持VUE

可以简单支持,或使用iframe把ocx包起来

完整支持

图纸浏览

直接打开

后台转换加载显示

编辑功能

完整编辑功能,精简版本CAD

支持,不完整,正在开发

显示效率

达到AutoCAD:89%

显示加载图纸很快,超过AutoCAD

是否跨平台

只能windows

所有平台

前台开发语言

JS,HTML

JS,TS,HTML5,THREE.JS

后台开发语言

JAVA,NODE.JS,ASP.NET,PHP,GO等都可以。

前端系统要求

Windows

Windows,安卓,Linux,苹果等所有系统

后端系统要求

无,可以不在后台运行

Windows,Linux

后端转pdf,jpg

支持,调用COM接口

支持,调用我们的转换程序

前端转pdf,jpg

支持

不支持

协同功能

不支持

可以实现(定制功能)

测量批注功能

支持

支持

是否支持天正自定义实体

不支持,必须保存T3格式。

不支持,必须保存T3格式,但可以做到服务后台自动转T3(定制功能)

图纸大小

一般最大50M,具体看图纸内容复杂度

一般最大50M,具体看图纸内容复杂度

打印功能

支持直接打印

支持打印,使用canvas打印

canvas打印代码:


fun("print").οnclick=function(){

var dataURL = canvas.toDataURL("image/png");

var newWindow=window.open();

newWindow.document.write('');

newWindow.print();

}

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3256.html

分享给朋友:

“网页加载CAD图纸的两个方案对比说明(网页浏览编辑DWG)” 的相关文章

Linux发行版需要杀软吗?卡巴斯基推出免费KVRT病毒扫描清理工具

IT之家 6 月 4 日消息,你认为使用 Linux 发行版,需要杀毒软件吗?或许很多用户认为 Linux 发行版偏小众,因此受到黑客攻击的风险也相对较小,不过卡巴斯基并不这么认为,近期推出了适用于 Linux 平台的杀毒软件。最新上线的 Linux 版本 Kaspersky Virus Remov...

vue:组件中之间的传值

一、父子组件之间的传值----props/$emit1、父组件向子组件传值--props2.子组件想父组件传值-this.$emit('select',item)二、父组件向下(深层)子组件传值----provide/injectprovide:Object | () => O...

快速上手React

web前端三大主流框架1、Angular大家眼里比较牛的框架,甚至有人说三大框架中只有它能称得上一个完整的框架,因为它包含的东西比较完善,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们,可以推荐这个框架,学会之后简直能颠覆之前你对前端开发的认...

祸害阿里云宕机3小时的IO HANG究竟是什么?

本文来自微信公号“CSDN”(ID:CSDNnews),作者 | 王知无, 责编| 郭 芮。2019年3月3日凌晨,微博炸锅,有网友反映说阿里云疑似出现宕机,华北很多互联网公司受到暴击伤害,APP、网站全部瘫痪,我自己的朋友圈和微信群里也有好友反馈,刚刚从被窝被叫起来去修Bug,结果发现服务器登不上...

面试被逼疯:聊聊Python Import System?

面试官一个小时逼疯面试者:聊聊Python Import System?对于每一位Python开发者来说,import这个关键字是再熟悉不过了,无论是我们引用官方库还是三方库,都可以通过import xxx的形式来导入。可能很多人认为这只是Python的一个最基础的常识之一,似乎没有可以扩展的点了,...

身体越柔软越好?刻苦拉伸可能反而不健康 | 果断练

坐下伸直膝盖,双手用力向前伸,再用力……比昨天前进了一厘米,又进步了! 这么努力地拉伸,每个人都有自己的目标,也许是身体健康、线条柔美、放松肌肉、体测满分,也可能为了随时劈个叉,享受一片惊呼。 不过,身体柔软,可以享受到灵活的福利,也可能付出不稳定的代价,并不是越刻苦拉伸越好。太硬或者太软,都不安全...