Thư viện Node.js miễn phí để tạo bản phác thảo và xuất sang DWG
Thư viện mô hình CAD 2D và 3D mã nguồn mở Node.js cho phép tạo, chỉnh sửa và chuyển đổi các bản phác thảo 2D sang STL, DWG và SVG theo chương trình
Thư viện JSketcher là gì?
jSketcher là một thư viện Node.js mạnh mẽ được thiết kế để cung cấp một API đơn giản nhưng mạnh mẽ cho việc tạo, chỉnh sửa và xuất bản phác thảo trực tiếp trong ứng dụng web của bạn. Được xây dựng với mục tiêu hiệu suất và dễ sử dụng, thư viện này tận dụng tính chất bất đồng bộ của Node.js để xử lý các tác vụ vẽ tương tác một cách hiệu quả. JSketcher là một thư viện JavaScript mã nguồn mở, nhẹ được thiết kế để tạo và thao tác các bản phác thảo 2D theo chương trình. Thư viện cung cấp một API đơn giản và trực quan để vẽ hình dạng, đường thẳng và đường cong, khiến nó trở thành một lựa chọn tuyệt vời cho các nhà phát triển cần tạo sơ đồ hoặc bản phác thảo động. Dự án được duy trì trên GitHub, hoan nghênh các đóng góp và phản hồi của cộng đồng, khiến nó trở thành một lựa chọn tuyệt vời cho các nhà phát triển coi trọng sự đổi mới mã nguồn mở.
JSketcher cung cấp giao diện thân thiện với nhà phát triển, giúp việc thiết lập và quản lý canvas vẽ trở nên đơn giản. Thư viện cung cấp các công cụ tích hợp để vẽ tự do, tạo hình dạng (ví dụ: hình chữ nhật, hình tròn), chèn văn bản, v.v. Thư viện bao gồm các phép toán hình học nâng cao như giao điểm, offset và phép biến đổi (ví dụ: tỷ lệ, xoay và tịnh tiến). Các tính năng này giúp bạn dễ dàng tạo các sơ đồ phức tạp. Thư viện có khả năng mở rộng cao, cho phép các nhà phát triển thêm các hình dạng, công cụ và chức năng tùy chỉnh khi cần. Cho dù bạn đang xây dựng các công cụ giáo dục, bảng trắng cộng tác hay nền tảng thiết kế sáng tạo, jSketcher đều cung cấp một giải pháp mạnh mẽ, linh hoạt và theo mô-đun để khơi nguồn sáng tạo cho dự án của bạn.
Bắt đầu với JSketcher
Cách cài đặt JSketcher được khuyến nghị là sử dụng npm. Vui lòng sử dụng lệnh sau để cài đặt suôn sẻ.
Cài đặt JSketcher thông qua npm
npm install jsketcher
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 các bản phác thảo đơn giản bằng JavaScript
Thư viện JSketcher cung cấp một API gọn gàng và dễ sử dụng, cho phép các nhà phát triển phần mềm tạo các bản phác thảo với mã nguồn tối thiểu. Thư viện được thiết kế thân thiện với người mới bắt đầu nhưng vẫn cung cấp các tính năng nâng cao cho các nhà phát triển giàu kinh nghiệm. Ví dụ sau đây minh họa cách các nhà phát triển phần mềm có thể tạo một bản phác thảo mới, thêm một hình tròn và một hình chữ nhật, rồi xuất bản phác thảo đó dưới dạng chuỗi SVG.
Làm thế nào để tạo bản phác thảo mới và vẽ các hình dạng cơ bản bên trong ứng dụng Node.js?
const { Sketch, Shapes } = require('jsketcher');
// Create a new sketch
const sketch = new Sketch();
// Add a circle
const circle = Shapes.circle(50, 50, 30); // (x, y, radius)
sketch.add(circle);
// Add a rectangle
const rectangle = Shapes.rectangle(100, 100, 80, 40); // (x, y, width, height)
sketch.add(rectangle);
// Export the sketch as SVG
const svg = sketch.toSVG();
console.log(svg);
Xuất và Lưu Bản phác thảo trong Node.js
Thư viện JSketcher mã nguồn mở giúp các nhà phát triển phần mềm dễ dàng tải và xuất bản phác thảo CAD của họ sang nhiều định dạng tệp được hỗ trợ khác chỉ với vài dòng mã. Thư viện cho phép xuất bản phác thảo của bạn ở nhiều định dạng khác nhau, bao gồm PDF, SVG và JSON. Điều này giúp dễ dàng tích hợp thư viện với các công cụ khác hoặc hiển thị bản phác thảo trong các ứng dụng web, hoặc hữu ích cho các ứng dụng yêu cầu khả năng lưu trữ hoặc chia sẻ liên tục. Ví dụ sau đây minh họa cách tạo một đa giác và xuất bản phác thảo dưới dạng đối tượng JSON.
Làm thế nào để tạo đa giác và xuất bản phác thảo dưới dạng đối tượng JSON bên trong Node.js?
const { Sketch, Shapes } = require('jsketcher');
// Create a new sketch
const sketch = new Sketch();
// Add a polygon
const polygon = Shapes.polygon([
[10, 10],
[50, 30],
[30, 70],
[5, 50]
]);
sketch.add(polygon);
// Export the sketch as JSON
const json = sketch.toJSON();
console.log(json);
Cộng tác thời gian thực
Mặc dù jSketcher xử lý chức năng vẽ cốt lõi, nhưng việc tích hợp với Node.js khiến nó trở thành một ứng cử viên tuyệt vời cho các ứng dụng cộng tác thời gian thực. Bằng cách kết hợp nó với các thư viện như Socket.io, bạn có thể phát các sự kiện vẽ đến nhiều người dùng, cho phép trải nghiệm bảng trắng được chia sẻ. Đoạn mã phía máy chủ sau đây thiết lập một ứng dụng Express cơ bản sử dụng Socket.io để chuyển tiếp các sự kiện vẽ, mở đường cho việc phác thảo cộng tác nhiều người dùng.
Làm thế nào để tích hợp thư viện jSketcher với Socket.io?
const express = require('express');
const http = require('http');
const socketIO = require('socket.io');
const JSketcher = require('jsketcher');
const app = express();
const server = http.createServer(app);
const io = socketIO(server);
app.use(express.static('public')); // Serve client-side files
// When a client connects, set up real-time event broadcasting
io.on('connection', (socket) => {
console.log('A client connected.');
// Relay drawing data to all clients except the sender
socket.on('drawing', (data) => {
socket.broadcast.emit('drawing', data);
});
socket.on('disconnect', () => {
console.log('A client disconnected.');
});
});
server.listen(3000, () => {
console.log('Server is running on port 3000.');
});
Các phép toán hình học nâng cao & Tùy chỉnh hình dạng
Thư viện JSketcher mã nguồn mở bao gồm các phép toán hình học nâng cao, cho phép các nhà phát triển phần mềm thực hiện các phép toán như giao điểm, bù trừ và biến đổi (ví dụ: tỷ lệ, xoay và tịnh tiến). Các tính năng này giúp dễ dàng tạo các sơ đồ phức tạp. Hơn nữa, đối với các ứng dụng CAD, tùy chỉnh là chìa khóa. jSketcher cho phép các nhà phát triển thêm các hình dạng với các tham số chi tiết—chẳng hạn như kích thước, tọa độ và thuộc tính màu—đảm bảo mọi yếu tố đều có thể được kiểm soát chính xác.