Bibliothèque Node.js gratuite pour créer des croquis et exporter au format DWG
La bibliothèque de modélisation CAO 2D et 3D Open Source Node.js permet de créer, d'éditer et de convertir des croquis 2D en STL, DWG et SVG par programmation
Qu'est-ce que la bibliothèque JSketcher ?
jSketcher est une puissante bibliothèque Node.js conçue pour fournir une API simple et performante permettant de créer, modifier et exporter des croquis directement dans votre application web. Conçue pour optimiser les performances et la simplicité d'utilisation, elle exploite la nature asynchrone de Node.js pour gérer efficacement les tâches de dessin interactives. JSketcher est une bibliothèque JavaScript open source légère conçue pour créer et manipuler des croquis 2D par programmation. Elle offre une API simple et intuitive pour dessiner des formes, des lignes et des courbes, ce qui en fait un excellent choix pour les développeurs qui ont besoin de générer des diagrammes ou des croquis de manière dynamique. Le projet est maintenu sur GitHub et accueille les contributions et les retours de la communauté, ce qui en fait un excellent choix pour les développeurs qui apprécient l'innovation open source.
JSketcher offre une interface conviviale pour les développeurs qui simplifie la configuration et la gestion d'une zone de dessin. La bibliothèque propose des outils intégrés pour le dessin à main levée, la création de formes (par exemple, des rectangles, des cercles), l'insertion de texte, et bien plus encore. Elle inclut des opérations géométriques avancées telles que les intersections, les décalages et les transformations (par exemple, la mise à l'échelle, la rotation et la translation). Ces fonctionnalités facilitent la création de diagrammes complexes. La bibliothèque est hautement extensible, permettant aux développeurs d'ajouter des formes, des outils et des fonctionnalités personnalisés selon leurs besoins. Que vous créiez des outils pédagogiques, des tableaux blancs collaboratifs ou des plateformes de conception créative, jSketcher offre une solution robuste, flexible et modulaire pour stimuler la créativité de vos projets.
Démarrage avec JSketcher
La méthode recommandée pour installer JSketcher est d'utiliser npm. Veuillez utiliser la commande suivante pour une installation fluide.
Installer JSketcher via npm
npm install jsketcher Vous pouvez également l'installer manuellement ; téléchargez les derniers fichiers de version directement depuis le dépôt GitHub.
Créer des croquis simples via JavaScript
La bibliothèque JSketcher fournit une API claire et facile à utiliser qui permet aux développeurs de créer des croquis avec un minimum de code. Conçue pour être accessible aux débutants, elle offre des fonctionnalités avancées aux développeurs expérimentés. L'exemple suivant montre comment créer un croquis, ajouter un cercle et un rectangle, puis exporter le croquis au format SVG.
Comment créer un nouveau croquis et dessiner des formes de base dans les applications 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);
Exporter et enregistrer des esquisses dans Node.js
La bibliothèque open source JSketcher permet aux développeurs de charger et d'exporter facilement leurs esquisses CAO vers divers formats de fichiers pris en charge, en quelques lignes de code seulement. La bibliothèque permet d'exporter vos esquisses dans différents formats, notamment PDF, SVG et JSON. Cela facilite l'intégration de la bibliothèque avec d'autres outils ou l'affichage des esquisses dans des applications web. Elle est également utile pour les applications nécessitant un stockage persistant ou des fonctionnalités de partage. L'exemple suivant montre comment créer un polygone et exporter l'esquisse au format JSON.
Comment créer un polygone et exporter l'esquisse sous forme d'objet JSON dans 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);
Collaboration en temps réel
Si jSketcher gère les fonctionnalités de dessin principales, son intégration avec Node.js en fait un excellent candidat pour les applications collaboratives en temps réel. En l'associant à des bibliothèques comme Socket.io, vous pouvez diffuser des événements de dessin à plusieurs utilisateurs, offrant ainsi une expérience de tableau blanc partagé. L'extrait de code côté serveur suivant configure une application Express de base qui utilise Socket.io pour relayer les événements de dessin, ouvrant ainsi la voie au dessin collaboratif multi-utilisateurs.
Comment intégrer la bibliothèque jSketcher avec 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.');
});
Opérations géométriques avancées et personnalisation des formes
La bibliothèque open source JSketcher inclut des opérations géométriques avancées permettant aux développeurs de logiciels d'effectuer des opérations telles que des intersections, des décalages et des transformations (par exemple, mise à l'échelle, rotation et translation). Ces fonctionnalités facilitent la création de diagrammes complexes. De plus, pour les applications de CAO, la personnalisation est essentielle. jSketcher permet aux développeurs d'ajouter des formes avec des paramètres détaillés, tels que des dimensions, des coordonnées et des attributs de couleur, garantissant ainsi un contrôle précis de chaque élément.
