码迷,mamicode.com
首页 > Web开发 > 详细

一个使用three.js的网页DXF文件查看器dxf viewer

时间:2020-02-14 16:21:57      阅读:616      评论:0      收藏:0      [点我收藏+]

标签:chrome浏览器   event   网页   canvas   root   目录   环境   uil   node   

github地址:https://github.com/gdsestimating/three-dxf
Three-Dxf是一个浏览器dxf文件查看器应用,其使用https://github.com/gdsestimating/dxf-parser解析dxf文件(解析出json格式),并使用three.js来渲染。
首先,安装npm(安装node.js时会默认安装好npm,安装后会将npm和node命令默认添加到环境变量中)
首先下载:
技术图片

 解压
技术图片

 在当前目录打开命令行

# first, compile three-dxf
> npm install
> npm run build

# then install the samples dependencies
> cd sample
> npm install

# go back to the root and run http-server to run the sample
> cd ..
> npm install -g http-server@0.9.0
> http-server .
# use `http-server -c-1 .` to prevent caching

技术图片

此时,打开chrome浏览器:http://127.0.0.1:8080/sample/index.html
技术图片

 技术图片

 效果还不错,值得参考!

1 // See index.js in the sample for more details
2 var parser = new window.DxfParser();
3 var dxf = parser.parseSync(fileReader.result);
4 cadCanvas = new ThreeDxf.Viewer(dxf, document.getElementById(‘cad-view‘), 400, 400);

 

一个使用three.js的网页DXF文件查看器dxf viewer

标签:chrome浏览器   event   网页   canvas   root   目录   环境   uil   node   

原文地址:https://www.cnblogs.com/MakeView660/p/12307651.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!