ไลบรารี Node.js ฟรีสำหรับสร้างสเก็ตช์และส่งออกเป็น DWG
ไลบรารี CAD Modeler 2D และ 3D แบบโอเพ่นซอร์สของ Node.js ช่วยให้สามารถสร้าง แก้ไข และแปลงแบบร่าง 2D เป็น STL, DWG และ SVG ได้ด้วยโปรแกรม
JSketcher Library คืออะไร
jSketcher คือไลบรารี Node.js อันทรงพลังที่ออกแบบมาเพื่อมอบ API ที่เรียบง่ายแต่ทรงพลังสำหรับการสร้าง แก้ไข และส่งออกภาพร่างโดยตรงภายในเว็บแอปพลิเคชันของคุณ สร้างขึ้นโดยคำนึงถึงประสิทธิภาพและความสะดวกในการใช้งาน ใช้ประโยชน์จากลักษณะการทำงานแบบอะซิงโครนัสของ Node.js เพื่อจัดการงานวาดภาพแบบอินเทอร์แอคทีฟได้อย่างมีประสิทธิภาพ JSketcher คือไลบรารี JavaScript แบบโอเพนซอร์สน้ำหนักเบาที่ออกแบบมาเพื่อสร้างและจัดการภาพร่าง 2 มิติด้วยโปรแกรม JSketcher มี API ที่เรียบง่ายและใช้งานง่ายสำหรับการวาดรูปทรง เส้น และเส้นโค้ง ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาที่ต้องการสร้างไดอะแกรมหรือภาพร่างแบบไดนามิก โครงการนี้ได้รับการดูแลบน GitHub พร้อมรับการสนับสนุนและความคิดเห็นจากชุมชน ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาที่ให้ความสำคัญกับนวัตกรรมโอเพนซอร์ส
JSketcher มอบอินเทอร์เฟซที่ใช้งานง่ายสำหรับนักพัฒนา ช่วยให้การตั้งค่าและการจัดการพื้นที่วาดภาพเป็นเรื่องง่าย ไลบรารีนี้มีเครื่องมือในตัวสำหรับการวาดภาพอิสระ การสร้างรูปทรง (เช่น รูปสี่เหลี่ยมผืนผ้า วงกลม) การแทรกข้อความ และอื่นๆ อีกมากมาย ไลบรารีนี้ประกอบด้วยการดำเนินการทางเรขาคณิตขั้นสูง เช่น จุดตัด ออฟเซ็ต และการแปลง (เช่น การปรับขนาด การหมุน และการเปลี่ยนตำแหน่ง) ฟีเจอร์เหล่านี้ทำให้สามารถสร้างไดอะแกรมที่ซับซ้อนได้อย่างง่ายดาย ไลบรารีนี้สามารถขยายได้สูง ช่วยให้นักพัฒนาสามารถเพิ่มรูปทรง เครื่องมือ และฟังก์ชันต่างๆ ได้ตามต้องการ ไม่ว่าคุณจะกำลังสร้างเครื่องมือทางการศึกษา ไวท์บอร์ดสำหรับการทำงานร่วมกัน หรือแพลตฟอร์มการออกแบบสร้างสรรค์ jSketcher นำเสนอโซลูชันที่แข็งแกร่ง ยืดหยุ่น และเป็นโมดูล เพื่อจุดประกายความคิดสร้างสรรค์ให้กับโปรเจกต์ของคุณ
การเริ่มต้นใช้งาน JSketcher
วิธีที่แนะนำในการติดตั้ง JSketcher คือการใช้ npm โปรดใช้คำสั่งต่อไปนี้เพื่อการติดตั้งที่ราบรื่น
npm install jsketcher
คุณสามารถติดตั้งด้วยตนเองได้ ดาวน์โหลดไฟล์รุ่นล่าสุดโดยตรงจากที่เก็บ GitHub
สร้างภาพร่างง่ายๆ ด้วย JavaScript
ไลบรารี JSketcher นำเสนอ API ที่สะอาดตาและใช้งานง่าย ช่วยให้นักพัฒนาซอฟต์แวร์สามารถสร้างภาพร่างด้วยโค้ดที่น้อยที่สุด ไลบรารีนี้ได้รับการออกแบบมาให้ใช้งานง่ายสำหรับผู้เริ่มต้น แต่ยังคงมีคุณสมบัติขั้นสูงสำหรับนักพัฒนาที่มีประสบการณ์ ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีที่นักพัฒนาซอฟต์แวร์สามารถสร้างภาพร่างใหม่ เพิ่มวงกลมและสี่เหลี่ยมผืนผ้า แล้วส่งออกภาพร่างเป็นสตริง SVG
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);
การส่งออกและบันทึกสเก็ตช์ใน Node.js
ไลบรารี JSketcher แบบโอเพนซอร์สช่วยให้นักพัฒนาซอฟต์แวร์สามารถโหลดและส่งออกสเก็ตช์ CAD ไปยังรูปแบบไฟล์อื่นๆ ที่รองรับได้อย่างง่ายดายด้วยโค้ดเพียงไม่กี่บรรทัด ไลบรารีนี้ช่วยให้คุณส่งออกสเก็ตช์ในรูปแบบต่างๆ รวมถึง PDf, SVG และ JSON ซึ่งทำให้ง่ายต่อการผสานรวมไลบรารีนี้กับเครื่องมืออื่นๆ หรือแสดงสเก็ตช์ในเว็บแอปพลิเคชัน หรือเหมาะสำหรับแอปพลิเคชันที่ต้องการพื้นที่จัดเก็บถาวรหรือความสามารถในการแชร์ ตัวอย่างต่อไปนี้แสดงวิธีการสร้างรูปหลายเหลี่ยมและส่งออกสเก็ตช์เป็นอ็อบเจ็กต์ JSON
จะสร้างรูปหลายเหลี่ยมและส่งออกภาพร่างเป็นวัตถุ JSON ภายใน 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);
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);
การทำงานร่วมกันแบบเรียลไทม์
แม้ว่า jSketcher จะจัดการฟังก์ชันการวาดภาพหลัก แต่การผสานรวมกับ Node.js ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับแอปพลิเคชันการทำงานร่วมกันแบบเรียลไทม์ ด้วยการผสานรวมกับไลบรารีอย่าง Socket.io คุณสามารถถ่ายทอดเหตุการณ์การวาดภาพไปยังผู้ใช้หลายคน ทำให้เกิดประสบการณ์ไวท์บอร์ดร่วมกัน ตัวอย่างโค้ดฝั่งเซิร์ฟเวอร์ต่อไปนี้จะตั้งค่าแอปพลิเคชัน Express พื้นฐานที่ใช้ 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.');
});
การดำเนินการทางเรขาคณิตขั้นสูงและการปรับแต่งรูปทรง
ไลบรารี JSketcher แบบโอเพนซอร์สได้รวมการดำเนินการทางเรขาคณิตขั้นสูงไว้ ช่วยให้นักพัฒนาซอฟต์แวร์สามารถดำเนินการต่างๆ เช่น จุดตัด ออฟเซ็ต และการแปลง (เช่น การปรับขนาด การหมุน และการเปลี่ยนตำแหน่ง) ฟีเจอร์เหล่านี้ทำให้สามารถสร้างไดอะแกรมที่ซับซ้อนได้อย่างง่ายดาย ยิ่งไปกว่านั้น การปรับแต่งเป็นสิ่งสำคัญสำหรับการใช้งาน CAD jSketcher ช่วยให้นักพัฒนาสามารถเพิ่มรูปทรงพร้อมพารามิเตอร์โดยละเอียด เช่น ขนาด พิกัด และแอตทริบิวต์สี ทำให้มั่นใจได้ว่าทุกองค์ประกอบสามารถควบคุมได้อย่างแม่นยำ