百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

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

zhezhongyun 2025-02-17 14:59 14 浏览

一.说明

梦想控件提供两种技术在网页中加载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('

//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('

')) :

优点:梦想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();

}

相关推荐

字体缩放(方式一)(字体缩放150%怎么做)

通过元素宽度和字数计算得到缩放简单实现如下:/***字体最大为视觉要求大小(maxFontSize);超出缩小字体显示,最小为minFontSize;最小字体时超出部分使用圆点(...);*p...

网页世界隐藏的神秘代码语言,竟能这样改变布局

CSS基础:选择器与属性CSS(CascadingStyleSheets)是用于控制网页外观的一门样式表语言。它通过定义HTML元素的显示方式来增强网页的表现力。CSS的选择器允许开发者精确地定位...

CSS属性值计算过程详解(css属性用来定义元素计算)

在CSS中,即使某些属性没有显式声明,浏览器也会通过**属性值计算过程**为每个元素的所有属性赋予最终值。这一过程分为四个关键步骤,以下将逐一解析。1.确定声明值浏览器首先检查所有**直接应用**到...

软网推荐:找回调整Windows 10字号功能

之前的系统,从WindowsXP到早期版本的Windows10,均有字体大小调整功能,但从创意者版Windows10以来,取消了之前的设置选项,取而代之的是自定义缩放比例设置。使用这个功能调整过...

Excel中如何设置文本框属性,实例代码讲解

Excel不仅可以对数据进行处理,而且也可以图形化数据,直观显示数据表达的内容。本节介绍一个很重要的对象,Characters,字符对象,使用Characters对象可修改包含在全文本字符串中的任...

CSS 字体样式(css中字体)

本节我们来讲字体样式,之前我们学习HTML的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过CSS中的样式来的方便。接下来我们会给大家介绍下面这几个属性的使用:通...

PC网站建设必备代码知识:HTML基础与应用技巧

在PC网站建设的相关课程里,代码扮演着至关重要的角色。只有熟练运用正确的代码,我们才能打造出功能完善、用户体验出色的PC网站。接下来,我会详细讲解在PC网站建设环节中必须了解的代码知识。HTML基础代...

让你大跌眼镜的疯狂 HTML 和 CSS 技巧

今天,分享一个让你大开眼界的技巧。通过使用这个技巧,你可以将整个网页变成一个CSS编辑器。没错,你从未见过这种方法。当我第一次尝试时,我完全被震惊到了。现在,让我们开始吧!步骤1首先,创建一个基础的...

jQuery EasyUI使用教程:创建一个链接按钮

jQueryEasyUI最新版下载>本教程主要为大家展示如何使用jQueryEasyUI创建一个链接按钮。通常情况下,使用“button/”元素来创建一个按钮;使用“a/”元素来创建链接按钮...

React 19 有哪些新特性?(react100)

如果你对React18还不熟悉,欢迎阅读之前的文章《React18全览[1]》最近React发布了V19RC版本,按照惯例,我们对React19的新特性进行一次深度的体验学习...

Java注解探秘:为什么@PostConstruct能解决你的初始化难题?

你是否在Spring项目中遇到过这样的困扰:明明依赖注入已经完成,但某些配置就是无法正常加载?手动调用初始化方法又容易引发空指针异常?这就是@PostConstruct注解大显身手的时候了!@Post...

AI驱动的表单自动填写(ai置入表格)

我们都同意,填写表格是一项枯燥且耗时的任务。如果我们可以创建一个可以为我们填写表格的AI助手,让我们将时间投入到更有建设性的任务中,那会怎样?AI助手将能够通过调用以表单字段为参数的函数来填写表...

从零到一:小程序设计新手如何快速上手?

开发环境搭建对于小程序设计新手而言,搭建合适的开发环境是首要任务。以小程序为例,其官方提供了功能强大的开发工具——开发者工具。首先,新手需前往官方开发者平台,在页面中找到“工具下载”板块,根据...

JavaSwingGUI从小白到大神-6(续)(java从小白到大牛怎么样)

接上一篇《JavaSwingGUI从小白到大神-6》,因本篇文章3万多字,头条一篇发不完,只能分开发。同事查询面板:CompanyFind.javapublicclassCompanyFind{...

C# winform界面假死(c#程序假死)

针对C#WinForm界面假死问题,以下是分步解决方案:1.使用异步编程(async/await)将耗时操作移至后台线程,保持UI线程响应。步骤:将事件处理函数标记为async。使用Task....