• Table of contents

Intro

In the following sections, you may see some properties or methods marked with @ignore. This means that they are not part of the public API and you should ignore them.

Usage

import {CadData, CadLine, CadViewer} from "@lucilor/cad-viewer";

const line = new CadLine();
line.start.set(0, 0);
line.end.set(100, 100);
const data = new CadData();
data.entities.add(line);

const viewer = new CadViewer(data, {width: innerWidth, height: innerHeight});
viewer.appendTo(document.body);
await viewer.render();
viewer.center();

You can also create a CadData like this:

const json = new CadData().export();
const data = new CadData(json);

Note

• Color strings used in this project is same as CSS color strings, such as "white" , "#ffffff", "rgb(255, 255, 255)" , etc.
• Dash array use in this project is same as SVG stroke-dasharray , see more.
• Dashed lines may have padding at start and end. [1, 2] for 1px padding at start and 2px at end; 3 for 3px padding at both start and end.

Classes

CadViewer

Cad Viewer

CadData

Cad Data

CadEntities

Cad Entities

ColoredObject

Colored Object