跳至主要內容

基本实体

大约 2 分钟

基本实体

本章介绍 WebCAD 的基本几何实体。

LineEnt 直线

import { LineEnt, Point2D } from 'vjcad';

const line = new LineEnt(
  new Point2D(0, 0),    // 起点
  new Point2D(100, 100) // 终点
);
line.setDefaults();

// 属性访问
console.log('起点:', line.startPoint);
console.log('终点:', line.endPoint);
console.log('中点:', line.midPoint);
console.log('长度:', line.Length);
console.log('角度:', line.angle);  // 弧度

// 几何变换（支持简化写法）
line.move([0, 0], [50, 50]);       // 移动
line.rotate([0, 0], Math.PI / 4);  // 旋转45度
line.scale([0, 0], 2);             // 放大2倍
line.mirror([0, 0], [1, 0]);       // 水平镜像

// 边界框
const bbox = line.boundingBox();
console.log('边界:', bbox.pt1, bbox.pt2);

LineEnt 属性

属性类型说明
startPointPoint2D起点
endPointPoint2D终点
midPointPoint2D中点（只读）
Lengthnumber长度（只读）
anglenumber角度（弧度，只读）

CircleEnt 圆

import { CircleEnt, Point2D } from 'vjcad';

const circle = new CircleEnt(
  new Point2D(50, 50),  // 圆心
  30                     // 半径
);
circle.setDefaults();

// 修改属性
circle.center = new Point2D(100, 100);
circle.radius = 50;

CircleEnt 属性

属性类型说明
centerPoint2D圆心
radiusnumber半径

ArcEnt 圆弧

import { ArcEnt, Point2D } from 'vjcad';

const arc = new ArcEnt();
arc.center = new Point2D(50, 50);
arc.radius = 30;
arc.startAngle = 0;              // 起始角度(弧度)
arc.endAngle = Math.PI / 2;      // 终止角度(弧度)
arc.setDefaults();

ArcEnt 属性

属性类型说明
centerPoint2D圆心
radiusnumber半径
startAnglenumber起始角度（弧度）
endAnglenumber终止角度（弧度）

PolylineEnt 多段线

import { PolylineEnt, BulgePoint, BulgePoints, Point2D } from 'vjcad';

const pline = new PolylineEnt();
pline.setDefaults();

// 添加顶点 (BulgePoint构造: new BulgePoint(Point2D, bulge))
pline.bulgePoints.add(new BulgePoint(new Point2D(0, 0), 0));      // 直线段
pline.bulgePoints.add(new BulgePoint(new Point2D(100, 0), 0.5));  // 带凸度的弧段
pline.bulgePoints.add(new BulgePoint(new Point2D(100, 100), 0));
pline.bulgePoints.add(new BulgePoint(new Point2D(0, 100), 0));
pline.isClosed = true;  // 闭合多段线

// 设置全局宽度
pline.globalWidth = 5;

PolylineEnt 属性

属性类型说明
bulgePointsBulgePoints顶点集合
isClosedboolean是否闭合
globalWidthnumber全局宽度

BulgePoint 说明

BulgePoint 构造函数：new BulgePoint(pointCoordinate: Point2D, bulgeValue: number)

  • point2d：顶点坐标 (Point2D 类型)
  • bulge：凸度值
    • bulge = 0：直线段
    • bulge > 0：逆时针圆弧
    • bulge < 0：顺时针圆弧
    • bulge = 1：半圆

EllipseEnt 椭圆

import { EllipseEnt, Point2D } from 'vjcad';

const ellipse = new EllipseEnt();
ellipse.center = new Point2D(50, 50);
ellipse.majorRadius = 40;
ellipse.minorRadius = 20;
ellipse.rotation = 0;
ellipse.setDefaults();

HatchEnt 填充

import { HatchEnt, PolylineEnt, BulgePoints, BulgePoint, Point2D } from 'vjcad';

// 创建边界
const boundary = new PolylineEnt();
boundary.bulgePoints.add(new BulgePoint(new Point2D(0, 0), 0));
boundary.bulgePoints.add(new BulgePoint(new Point2D(100, 0), 0));
boundary.bulgePoints.add(new BulgePoint(new Point2D(100, 100), 0));
boundary.bulgePoints.add(new BulgePoint(new Point2D(0, 100), 0));
boundary.isClosed = true;

// 创建填充
const hatch = new HatchEnt();
hatch.setDefaults();
hatch.patternName = 'ANSI31';  // 图案名
hatch.patternScale = 1;
hatch.patternAngle = 0;
hatch.addBoundary([boundary]);

常用填充图案

图案名说明
SOLID实心填充
ANSI3145度斜线
ANSI32交叉线
ANSI3345度交叉
ANSI34水平线
ANSI35垂直线

DotEnt 点

import { DotEnt, Point2D } from 'vjcad';

const dot = new DotEnt(new Point2D(50, 50));
dot.setDefaults();

下一步