مكتبة Node.js مجانية لإنشاء الرسومات وتصديرها إلى DWG

البدء باستخدام JSketcher

الطريقة المُوصى بها لتثبيت JSketcher هي استخدام npm. يُرجى استخدام الأمر التالي لتثبيت سلس.

 npm install jsketcher  

يمكنك أيضًا تثبيته يدويًا؛ قم بتنزيل ملفات الإصدار الأحدث مباشرةً من مستودع GitHub.

أنشئ رسومات تخطيطية بسيطة باستخدام جافا سكريبت

توفر مكتبة JSketcher واجهة برمجة تطبيقات سهلة الاستخدام وبسيطة، تُمكّن مطوري البرامج من إنشاء رسومات تخطيطية باستخدام أقل قدر من التعليمات البرمجية. صُممت المكتبة لتكون سهلة الاستخدام للمبتدئين، مع توفير ميزات متقدمة للمطورين ذوي الخبرة. يوضح المثال التالي كيفية إنشاء رسم تخطيطي جديد، وإضافة دائرة ومستطيل، ثم تصدير الرسم التخطيطي كسلسلة نصية 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.

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، يمكنك بث أحداث الرسم لعدة مستخدمين، مما يتيح تجربة لوحة بيضاء مشتركة. يُنشئ المقطع التالي من جانب الخادم تطبيقًا أساسيًا سريعًا يستخدم 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 للمطورين إضافة أشكال بمعلمات مفصلة - مثل الأبعاد والإحداثيات وخصائص الألوان - مما يضمن التحكم الدقيق في كل عنصر.