1. Produk
  2.   CAD
  3.   Node.js
  4.   JSketcher
 
  

Perpustakaan Node.js Percuma untuk Mencipta Lakaran & Eksport ke DWG

Perpustakaan Modeler CAD Node.js 2D dan 3D Sumber Terbuka membenarkan untuk Mencipta, Mengedit dan Menukar lakaran 2D kepada STL, DWG & SVG Secara Program

Apakah Perpustakaan JSketcher?

jSketcher ialah perpustakaan Node.js berkuasa yang direka bentuk untuk menyediakan API yang ringkas namun berkuasa untuk mencipta, mengedit dan mengeksport lakaran terus dalam aplikasi web anda. Dibina dengan mengambil kira prestasi dan kemudahan penggunaan, ia memanfaatkan sifat tak segerak Node.js untuk mengendalikan tugas lukisan interaktif dengan cekap. JSketcher ialah perpustakaan JavaScript sumber terbuka yang ringan yang direka untuk mencipta dan memanipulasi lakaran 2D secara pengaturcaraan. Ia menyediakan API yang mudah dan intuitif untuk melukis bentuk, garisan dan lengkung, menjadikannya pilihan yang sangat baik untuk pembangun yang perlu menjana gambar rajah atau lakaran secara dinamik. Projek ini dikekalkan pada GitHub, mengalu-alukan sumbangan dan maklum balas komuniti, menjadikannya pilihan terbaik untuk pembangun yang menghargai inovasi sumber terbuka.

JSketcher menyediakan antara muka mesra pembangun yang memudahkan penyediaan dan pengurusan kanvas lukisan. Perpustakaan menyediakan alatan terbina dalam untuk lukisan tangan bebas, penciptaan bentuk (cth., segi empat tepat, bulatan), sisipan teks dan banyak lagi. Ia termasuk operasi geometri lanjutan seperti persilangan, offset dan transformasi (cth., penskalaan, putaran dan terjemahan). Ciri-ciri ini membolehkan anda membuat gambar rajah yang kompleks dengan mudah. Pustaka ini sangat boleh dikembangkan, membenarkan pembangun menambah bentuk, alatan dan fungsi tersuai mengikut keperluan. Sama ada anda membina alatan pendidikan, papan putih kolaboratif atau platform reka bentuk kreatif, jSketcher menawarkan penyelesaian yang mantap, fleksibel dan modular untuk mencetuskan kreativiti projek anda.

Previous Next

Bermula dengan JSketcher

Cara yang disyorkan untuk memasang JSketcher adalah menggunakan npm. Sila gunakan arahan berikut pemasangan yang lancar.

Pasang JSketcher melalui npm

 npm install jsketcher

Anda juga boleh memasangnya secara manual; muat turun fail keluaran terkini terus daripada repositori GitHub.

Buat lakaran mudah melalui JavaScript

Pustaka JSketcher menyediakan API yang bersih dan mudah digunakan yang membolehkan pembangun perisian membuat lakaran dengan kod minimum. Perpustakaan ini direka bentuk untuk mesra pemula sambil masih menawarkan ciri lanjutan untuk pembangun berpengalaman. Contoh berikut menunjukkan cara pembangun perisian boleh mencipta lakaran baharu, menambah bulatan dan segi empat tepat, dan kemudian mengeksport lakaran itu sebagai rentetan SVG.

Bagaimana untuk Mencipta Lakaran Baharu dan Melukis Bentuk Asas dalam Apl 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);

Mengeksport dan Menyimpan Lakaran dalam Node.js

Pustaka JSketcher sumber terbuka memudahkan pembangun perisian untuk memuatkan dan mengeksport lakaran CAD mereka ke pelbagai format fail lain yang disokong dengan hanya beberapa baris kod. Pustaka membenarkan untuk mengeksport lakaran anda dalam pelbagai format, termasuk PDf, SVG dan JSON. Ini memudahkan untuk mengintegrasikan perpustakaan dengan alatan lain atau memaparkan lakaran dalam aplikasi web atau bermanfaat untuk aplikasi yang memerlukan keupayaan storan atau perkongsian yang berterusan. Contoh berikut menunjukkan cara membuat poligon dan mengeksport lakaran sebagai objek JSON.

Bagaimana untuk Mencipta Poligon dan Eksport Lakaran sebagai Objek JSON di dalam 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);

Kerjasama Masa Nyata

Walaupun jSketcher mengendalikan fungsi lukisan teras, penyepaduannya dengan Node.js menjadikannya calon yang hebat untuk aplikasi kolaboratif masa nyata. Dengan menggabungkannya dengan perpustakaan seperti Socket.io, anda boleh menyiarkan acara lukisan kepada berbilang pengguna, membolehkan pengalaman papan putih dikongsi. Coretan sebelah pelayan berikut menyediakan aplikasi ekspres asas yang menggunakan Socket.io untuk menyampaikan peristiwa lukisan, membuka jalan untuk lakaran kolaboratif berbilang pengguna.

Bagaimana untuk Mengintegrasikan Perpustakaan jSketcher dengan 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.');
});

Operasi Geometri Terperinci & Penyesuaian Bentuk

Pustaka JSketcher sumber terbuka telah menyertakan operasi geometri lanjutan membolehkan pembangun perisian melakukan operasi, seperti persilangan, offset dan transformasi (cth., penskalaan, putaran dan terjemahan). Ciri-ciri ini membolehkan anda membuat gambar rajah yang kompleks dengan mudah. Lebih-lebih lagi, untuk aplikasi CAD, penyesuaian adalah kunci. jSketcher membenarkan pembangun menambah bentuk dengan parameter terperinci—seperti dimensi, koordinat dan atribut warna—memastikan setiap elemen boleh dikawal dengan tepat.

 Melayu