Kostenlose Node.js-Bibliothek zum Erstellen von Skizzen und Exportieren in DWG
Die Open Source Node.js 2D- und 3D-CAD-Modellierungsbibliothek ermöglicht das programmgesteuerte Erstellen, Bearbeiten und Konvertieren von 2D-Skizzen in STL, DWG und SVG
Was ist die JSketcher-Bibliothek?
jSketcher ist eine leistungsstarke Node.js-Bibliothek mit einer einfachen und dennoch leistungsstarken API zum Erstellen, Bearbeiten und Exportieren von Skizzen direkt in Ihrer Webanwendung. Sie wurde mit Fokus auf Leistung und Benutzerfreundlichkeit entwickelt und nutzt die asynchrone Natur von Node.js, um interaktive Zeichenaufgaben effizient zu bewältigen. JSketcher ist eine schlanke Open-Source-JavaScript-Bibliothek zum programmatischen Erstellen und Bearbeiten von 2D-Skizzen. Sie bietet eine einfache und intuitive API zum Zeichnen von Formen, Linien und Kurven und ist somit eine hervorragende Wahl für Entwickler, die Diagramme oder Skizzen dynamisch erstellen müssen. Das Projekt wird auf GitHub gepflegt und freut sich über Beiträge und Community-Feedback. Es ist daher eine hervorragende Wahl für Entwickler, die Wert auf Open-Source-Innovationen legen.
JSketcher bietet eine entwicklerfreundliche Oberfläche, die das Einrichten und Verwalten einer Zeichenfläche vereinfacht. Die Bibliothek bietet integrierte Werkzeuge für Freihandzeichnen, Formenerstellung (z. B. Rechtecke, Kreise), Texteinfügung und mehr. Sie umfasst erweiterte geometrische Operationen wie Schnittpunkte, Versätze und Transformationen (z. B. Skalierung, Drehung und Verschiebung). Diese Funktionen ermöglichen die einfache Erstellung komplexer Diagramme. Die Bibliothek ist hochgradig erweiterbar, sodass Entwickler bei Bedarf benutzerdefinierte Formen, Werkzeuge und Funktionen hinzufügen können. Ob Sie Lehrmittel, kollaborative Whiteboards oder kreative Designplattformen erstellen – jSketcher bietet eine robuste, flexible und modulare Lösung, um die Kreativität Ihres Projekts zu fördern.
Erste Schritte mit JSketcher
Die empfohlene Installationsmethode für JSketcher ist die Verwendung von npm. Für eine reibungslose Installation verwenden Sie bitte den folgenden Befehl.
JSketcher über npm installieren
npm install jsketcher Sie können es auch manuell installieren; laden Sie die neuesten Versionsdateien direkt vom GitHub-Repository herunter.
Einfache Skizzen mit JavaScript erstellen
Die JSketcher-Bibliothek bietet eine übersichtliche und benutzerfreundliche API, mit der Softwareentwickler mit minimalem Code Skizzen erstellen können. Die Bibliothek ist anfängerfreundlich konzipiert und bietet gleichzeitig erweiterte Funktionen für erfahrene Entwickler. Das folgende Beispiel zeigt, wie Softwareentwickler eine neue Skizze erstellen, einen Kreis und ein Rechteck hinzufügen und die Skizze anschließend als SVG-String exportieren.
Wie erstelle ich neue Skizzen und zeichne einfache Formen in Node.js-Apps?
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);
Skizzen in Node.js exportieren und speichern
Die Open-Source-Bibliothek JSketcher erleichtert Softwareentwicklern das Laden und Exportieren ihrer CAD-Skizzen in verschiedene unterstützte Dateiformate mit nur wenigen Codezeilen. Die Bibliothek ermöglicht den Export Ihrer Skizzen in verschiedene Formate, darunter PDF, SVG und JSON. Dies erleichtert die Integration der Bibliothek in andere Tools, die Anzeige der Skizzen in Webanwendungen und ist besonders nützlich für Anwendungen, die eine dauerhafte Speicherung oder Freigabe erfordern. Das folgende Beispiel zeigt, wie Sie ein Polygon erstellen und die Skizze als JSON-Objekt exportieren.
Wie erstelle ich ein Polygon und exportiere die Skizze als JSON-Objekt in 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);
Echtzeit-Zusammenarbeit
jSketcher übernimmt zwar die grundlegende Zeichenfunktion, eignet sich aber dank der Integration mit Node.js hervorragend für Anwendungen zur Echtzeit-Zusammenarbeit. Durch die Kombination mit Bibliotheken wie Socket.io können Sie Zeichenereignisse an mehrere Benutzer übertragen und so ein gemeinsames Whiteboard-Erlebnis ermöglichen. Das folgende serverseitige Snippet richtet eine einfache Express-Anwendung ein, die Socket.io zur Weiterleitung von Zeichenereignissen nutzt und so das kollaborative Skizzieren mehrerer Benutzer ermöglicht.
Wie integriere ich die jSketcher-Bibliothek mit 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.');
});
Erweiterte geometrische Operationen und Formanpassung
Die Open-Source-Bibliothek JSketcher bietet erweiterte geometrische Operationen, mit denen Softwareentwickler Operationen wie Schnittpunkte, Versätze und Transformationen (z. B. Skalierung, Drehung und Verschiebung) durchführen können. Diese Funktionen ermöglichen die einfache Erstellung komplexer Diagramme. Für CAD-Anwendungen ist die Anpassungsfähigkeit zudem entscheidend. jSketcher ermöglicht es Entwicklern, Formen mit detaillierten Parametern wie Abmessungen, Koordinaten und Farbattributen hinzuzufügen, sodass jedes Element präzise gesteuert werden kann.
