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

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

ruisui883周前 (04-03)技术分析13

一.说明

梦想控件提供两种技术在网页中加载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)” 的相关文章

vue组件间的九种通信方式

前言Vue组件实例间的作用域是相互独立的,而通常一个页面是由很多个组件构成,这些组件可能又嵌套了组件,形成了一个关系网图,它们的关系可能是像下图中一样,大致分为两种使用场景,父子组件间通信和非父子组件间通信,父子组件间通信又分为直接父子关系和间接父子关系。vue提供了多种通信方法,针对不同的通信需求...

react hooks自定义组件居然能这样做

前言  这里写一下如何封装可复用组件。首先技术栈 react hooks + props-type + jsx封装纯函数组件。类组件和typeScript在这不做讨论,大家别白跑一趟。接下来会说一下封装可复用组件的思路,比如一个新手应该怎么去封装,都需要有哪些东西。  然后说一些复杂组件需要的功能,...

Gitlab+Jenkins通过钩子实现自动部署web项目,图文详细教程

扩展参考:Jenkins+Gitlab通过脚本自动部署回滚web项目至集群 一:基础环境介绍及准备1):Gitlab服务器:ubuntu 192.168.152.131 ---参考搭建:Linux安装gitlab,docker安装gitlab教程2):Jenkins服务器:ubunu 192.168...

佳能 EOS R8 深度评测

佳能 EOS R8 的定位是入门级全画幅无反光镜可换镜头相机。尽管在产品阵容中处于这一位置,R8 仍然是一个强大的相机,配备了先进的 R6 II 同款成像传感器、快速处理器和令人难以置信的自动对焦系统,体积小、重量轻、价格低。这款相机是发烧友、旅行者、家庭以及任何想要全画幅传感器相机的人的绝佳选择。...

22《Vue 入门教程》VueRouter 路由嵌套

1. 前言本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见,如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。2. 配置嵌套路由实际项目中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层...

从 Vue2.0 到 React17——React 开发入门

作者:佚名来源:前端大全前言找工作时发现有一些公司是以React作为技术栈的,而且薪资待遇都不错,为了增加生存的筹码,所以还是得去学一下React,增加一项求生技能。因为我用Vue2.0开发项目已经四年了,故用Vue2.0开发项目的思路来学习React。前端项目是由一个个页面组成的,对于Vue来说,...