网页CAD开发快速入门

演示说明

提示:目前提供两种在网页中浏览编辑CAD图纸方案，详细说明见：MxDraw帮助

网页中打开CAD最简步骤：

第一步: 安装插件运行环境，下载安装(可能需要退杀毒软件)：https://demo.mxdraw3d.com:3562/MxDrawx86Setup.exe

第二步: 运行用ie,或安装指定Chrome内核浏览器： 下载：https://demo.mxdraw3d.com:3562/sogou_explorer_11.0.1_0722.exe

第三步:打开下面连接，在线查看CAD

梦想CAD网页版在线演示例子1: 梦想MxDrawX ActiveX 5.2 演示

梦想CAD网页版在线演示例子2: 点击此处在线演示

梦想CAD网页版最简代码例子3: MxDraw控件

梦想CAD网页版最简Vue代码例子4: https://demo.mxdraw3d.com:3562/my-vue.7z

国产浏览器如果不能加载，选择兼容模式,如下图:

在网页中使用Html + JavaScript调用控件,浏览和编辑CAD图纸，后台服务器使用Asp、php、java等语言都可以开发，服务器可以是windows、linux系统,，支持IE所有版本、QQ、360、谷歌等浏览器，极速模式也支持。

我们提供的是CAB安装包，在IE中自动下载安装。

如果需要Chrome加CAD控件，需要指定Chrome安装包，建使用下面的浏览器安装，使用极速模式加载。下载地址：

https://demo.mxdraw3d.com:3562/sogou_explorer_11.0.1_0722.exe

在网页中引用控件

从我们网站首页下载 最新安装包，安装包大概有150M，是个rar自解压文件，里面包括了所有帮助文件、和所有语言调用的运行例子，最终用户使用发布包只有16M。界面如下：

下载CAD控件开发包，下载成功后安装文件如下：

下载的文件是一个压缩文件，双击解压之后，以管理员身份运行“ RegMxDrawX.bat  ”注册CAD控件到系统中,如果注册失败请退出360等杀毒软件，再运行RegMxDrawX.bat。界面如下：

控件注册成功后，会弹出注册成功弹框。界面如下：

控件是个ocx，Id为 74A777F8-7A8F-4e7c-AF47-7074828086E2  

Html中引用控件需要添加代码如下：

	<SCRIPT language="JavaScript">
	document.oncontextmenu = new Function('event.returnValue=false;'); //禁用右键
	function LoadMxDrawX(id,dwgfile,cabpath,msipath) {
	var s, classid, Sys = {}, ua = navigator.userAgent.toLowerCase();
	(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/trident\/([\d.]+)/)) ? Sys.ie9 = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0,
	classid = "74A777F8-7A8F-4e7c-AF47-7074828086E2",
	Sys.ie || Sys.ie9 ? (document.write("<!-- 用来产生编辑状态的ActiveX控件的JS脚本--> "),
	document.write("<!-- 因为微软的ActiveX新机制，需要一个外部引入的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('<