Need help with three-dxf?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

gdsestimating
260 Stars 88 Forks MIT License 48 Commits 12 Opened issues

Description

A dxf viewer for the browser using three.js

Services available

!
?

Need anything else?

Contributors list

Three-Dxf

Three-Dxf is a javascript viewer for dxf files. It takes dxf objects produced from Dxf-Parser and renders them using three.js.

Install

npm install three-dxf

For now we recommend cloning the repo, and starting with our sample. See Run Samples below.

Example of the viewer

Usage

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

Run Samples

# 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] > http-server .

use http-server -c-1 . to prevent caching

After performing the steps above, you can see the example at http://127.0.0.1:8080/sample/index.html. You can use the dxf file included in the sample. NOTE: the latest version of http-server will go into a redirect loop if you exlcude "/index.html" from the url.

Supported DXF Features

Supports: * Header * Most LW entities (lines, polylines, circles, etc) * Layers * Some support for line types * Simple Text * Viewport * Splines (Quadratic and Cubic) * Ellipses

Does not yet support: * Attributes * 3DSolids * All types of Leaders * MText * other less common objects and entities.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.