Thư viện JavaScript để tạo thiết kế CAD 2D và 3D tham số

Bắt đầu với JSCAD

Cách cài đặt được khuyến nghị là sử dụng npm. Vui lòng sử dụng lệnh sau để cài đặt suôn sẻ.

 npm install @jscad/modeling 

Bạn cũng có thể cài đặt thủ công; tải xuống các tệp phát hành mới nhất trực tiếp từ kho lưu trữ GitHub.

Tạo Thiết kế Mới thông qua API JavaScript

Thư viện OpenCascade mã nguồn mở hỗ trợ đa luồng cho một số thao tác nhất định. Thư viện này không cung cấp hỗ trợ đa luồng gốc, vì JavaScript là ngôn ngữ đơn luồng. Tuy nhiên, các nhà phát triển có thể sử dụng Web Worker trong ứng dụng của họ để thực hiện một số tác vụ nhất định trong một luồng riêng biệt, điều này có thể cải thiện hiệu suất và khả năng phản hồi. Ví dụ sau đây minh họa cách sử dụng Web Worker để thực hiện một tác vụ tính toán nặng trong một luồng riêng biệt trong khi vẫn giữ cho giao diện người dùng chính phản hồi.

 const {CAG, CSG} = require('@jscad/csg');

// create a simple shape like a cube:

const cube = CSG.cube({
  center: [0, 0, 0],
  radius: 10
});

//export your design in a desired format:

const stlSerializer = require('@jscad/stl-serializer');
const stlData = stlSerializer.serialize(result);
console.log(stlData);

Chuyển đổi Định dạng Thiết kế trong Ứng dụng JavaScript

Thư viện JSCAD mã nguồn mở cung cấp cho các nhà phát triển phần mềm khả năng chuyển đổi định dạng của bất kỳ thiết kế nào sang các định dạng tệp được hỗ trợ khác. Thư viện này hỗ trợ nhiều định dạng tệp phổ biến, chẳng hạn như STL, AMF, DXF, JSON, X3D, hình ảnh SVG và nhiều định dạng khác. Để chuyển đổi định dạng của một tệp hiện có, trước tiên bạn cần tải tệp hiện có và chọn định dạng tệp đầu ra. Các thiết kế có thể dễ dàng được chia sẻ với người khác dưới dạng tệp đính kèm vào email, tin nhắn, v.v.

const {CSG} = require('@jscad/modeling')
const {STL} = require('@jscad/stl-serializer')

// Load the design file in the desired format
const stlString = fs.readFileSync('design.stl', 'utf8')

//Convert the STL format to a JSCAD CSG object:

const design = STL.parse(stlString)
const stlString = STL.serialize(design)
fs.writeFileSync('manipulated_design.stl', stlString)

Biến đổi Hình dạng CAD thông qua Ứng dụng JavaScript

Thư viện JSCAD giúp các nhà phát triển phần mềm dễ dàng tạo hình dạng và mô hình 3D bên trong ứng dụng JavaScript của riêng họ. Hình dạng ban đầu có thể được biến đổi bất kỳ số lần nào. Thư viện đã cung cấp một bộ hàm và tính năng để biến đổi hình dạng, chẳng hạn như xoay Hình dạng theo bất kỳ góc nào quanh trục X, Y và Z, tỷ lệ hình dạng theo bất kỳ hệ số nào, tịnh tiến (di chuyển) hình dạng sang vị trí khác, căn chỉnh hoặc căn giữa hình dạng trên trục X, Y và Z, phản chiếu (phản chiếu) hình dạng, v.v.

const { cuboid } = require('@jscad/modeling').primitives
const { rotateX,rotateY,rotateZ } = require('@jscad/modeling').transforms
 
const myshape = cuboid({size: [5, 20, 5]})
let newshape = rotateX((Math.PI * 2 / 4), myshape)
newshape = rotateY((Math.PI * 2 / 24), newshape)
newshape = rotateZ((Math.PI * 2 / 12), newshape)