A dxf viewer for the browser using three.js
Clone or download
bzuillsmith Merge pull request #22 from gouldingken/patch-1
Add support for QuadraticBezierCurve3
Latest commit 23cdb73 May 18, 2018



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


npm install three-dxf

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

Example of the viewer


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

> cd sample
> npm install
> cd ..
> npm install -g http-server
> http-server .
# use `http-server -c-0 .` to prevent caching

After performing the steps above, you can see the example at You can use the dxf file included in the sample.

Supported DXF Features


  • 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.