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

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 sample‘s dependencies
> cd sample
> npm install

# go back to the root and run http-server to run the sample
> cd ..
> npm install -g [email protected]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);

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

时间: 2024-10-10 08:31:47

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

怎么移动dwg文件查看器中的图形位置

一张图纸中包括图形和文字,图形可以让读者更加容易理解,而文字则是起到了一个解释性的作用.在电脑中打开CAD图纸,需要用到dwg文件查看器,制作过CAD的朋友们都知道CAD文件的格式是dwg格式.图纸中的图形有的时候不在适合位置,就需要把他移动到一个合适的位置上,那么,如何移动呢,来看看具体的操作方法. 如果想要将CAD图形对象移动到指定位置,那么只需要使用迅捷CAD编辑器就可以对CAD图形对象进行移动操作,这是一款专业的CAD编辑软件,软件不仅可以用来浏览和查看DWG.DXF等CAD文件格式,还

Qt Quick综合实例之文件查看器

如果你基于Qt SDK 5.3.1来创建一个Qt Quick App项目,项目模板为你准备的main.qml文档的根元素是ApplicationWindow或Window.这次我们就以ApplicationWindow为例,围绕着它实现一个综合实例:文件查看器.通过文件查看器的实现,我们来再次领略一下Qt Quick的犀利. 版权所有foruok,转载请注明出处:http://blog.csdn.net/foruok. 本实例将会用到下列特性: ApplicationWindow MenuBar

3 .2 日志文件查看器

3 .2 日志文件查看器"日志文件查看器"(如 图 3-36所示)从SQL Server Management Studio中启动.可按如下 步骤打幵它: (1) 展 幵 "对象资源管理器"中的"管理"节点.(2) 展幵 "SQLServer 日志".(3) 右击一个日志,然后选择"查看SQL Server日志". 日志文件查看器的一个好处是它合并了数据库管理员想査看的几乎所有日志.SQL Server日志

网页源码查看器

网页源码查看器 代码实现步骤 [1]搭建UI [2]httpurlconnection类基本用法 @OnClick(R.id.btn) public void onViewClicked() { final String url = mEt.getText().toString().trim(); if (TextUtils.isEmpty(url)) { Toast.makeText(this, "网址不能为空" + url, Toast.LENGTH_SHORT).show();

WPF 模仿 UltraEdit 文件查看器系列 开篇和导读

WPF 模仿 UltraEdit 文件查看器系列 开篇和导读 运行环境:Win10 x64, NetFrameWork 4.8, 作者:乌龙哈里,日期:2019-05-10 学 .Net FrameWork 断断续续也有好几年了.最近装了 VisualStudio2019 和 .Net Framework 4.8 后,决定好好地学习一遍. 刚好最近在玩 Koei 老的三国志10系列,修改时老用 UltraEdit ,但是存盘文件中的汉字是 Big5 编码的,UE 整体看没有这个选项,能写插件,但

强大的jQuery图片查看器插件Viewer.js

简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事件 Viewer.js 提供了纯 JS 版本和 jQuery 版本,版本名字虽然一样,但代码不一样,不能通用. 在线演示及下载 在线演示:http://www.jqhtml.com/wp-content/upload

黎活明8天快速掌握android视频教程--24_网络通信之网页源码查看器

1 该项目的主要功能就是从将后台的html网页在Android的界面上显示出来 后台就是建立一个java web工程在工程尚建立一个html或者jsp文件就可以了,这里主要看Android客户端的程序 xml文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" andr

WinPrefetchView(预取文件查看器)

软件简介: WinPrefetchView 是一个读取存储在系统的预读取文件并显示存储在其中信息的小工具.通过查看这些文件,你可以了解到每一个应用程序正在使用的文件和在Windows启动时加载的文件. 图片预览: 下载地址:http://dickmoore.cn/Down/winprefetchview.zip

01_网页源码查看器基本实现

安卓上面敲127.0.0.1或者是localhost是不行的,安卓上面的localhost/127.0.0.1默认是10.0.2.2.有些第三方的模拟器可能不是这个值.安卓自带的模拟器肯定是没问题的.如果是第三方的模拟器自己练习一下可以搞一个路由器连接一下,让你当前的机器有一个地址.路由还是比较好搞的,把你的手机共享一下wifi.把所有的设备都连接到你的手机上,组成一个局域网,你把流量关了就可以了.