Gratis Node.js-bibliotheek om schetsen te maken en te exporteren naar DWG
Met de open source Node.js 2D en 3D CAD Modeler Library kunt u 2D-schetsen programmatisch maken, bewerken en converteren naar STL, DWG en SVG
Wat is de JSketcher-bibliotheek?
jSketcher is een krachtige Node.js-bibliotheek die is ontworpen om een eenvoudige maar krachtige API te bieden voor het maken, bewerken en exporteren van schetsen rechtstreeks vanuit uw webapplicatie. Gebouwd met prestaties en gebruiksgemak in gedachten, maakt het gebruik van de asynchrone aard van Node.js om interactieve tekentaken efficiënt af te handelen. JSketcher is een lichtgewicht, open-source JavaScript-bibliotheek die is ontworpen om 2D-schetsen programmatisch te maken en te bewerken. Het biedt een eenvoudige en intuïtieve API voor het tekenen van vormen, lijnen en curven, waardoor het een uitstekende keuze is voor ontwikkelaars die dynamisch diagrammen of schetsen moeten genereren. Het project wordt onderhouden op GitHub en verwelkomt bijdragen en feedback van de community, waardoor het een uitstekende keuze is voor ontwikkelaars die waarde hechten aan open-sourceinnovatie.
JSketcher biedt een ontwikkelaarsvriendelijke interface die het instellen en beheren van een tekencanvas eenvoudig maakt. De bibliotheek biedt ingebouwde tools voor tekenen uit de vrije hand, het maken van vormen (bijv. rechthoeken, cirkels), het invoegen van tekst en meer. Het bevat geavanceerde geometrische bewerkingen zoals snijpunten, verschuivingen en transformaties (bijv. schalen, roteren en transleren). Deze functies maken het mogelijk om eenvoudig complexe diagrammen te maken. De bibliotheek is zeer uitbreidbaar, waardoor ontwikkelaars naar behoefte aangepaste vormen, tools en functionaliteit kunnen toevoegen. Of u nu educatieve tools, whiteboards voor samenwerking of creatieve ontwerpplatforms bouwt, jSketcher biedt een robuuste, flexibele en modulaire oplossing om de creativiteit van uw project te stimuleren.
Aan de slag met JSketcher
De aanbevolen manier om JSketcher te installeren is met npm. Gebruik de volgende opdracht voor een soepele installatie.
JSketcher installeren via npm
npm install jsketcher Je kunt het ook handmatig installeren; download de nieuwste releasebestanden rechtstreeks van de GitHub-repository.
Maak eenvoudige schetsen via JavaScript
De JSketcher-bibliotheek biedt een overzichtelijke en gebruiksvriendelijke API waarmee softwareontwikkelaars schetsen kunnen maken met minimale code. De bibliotheek is ontworpen om beginnersvriendelijk te zijn en tegelijkertijd geavanceerde functies te bieden voor ervaren ontwikkelaars. Het volgende voorbeeld laat zien hoe softwareontwikkelaars een nieuwe schets kunnen maken, een cirkel en een rechthoek kunnen toevoegen en de schets vervolgens kunnen exporteren als een SVG-tekenreeks.
Hoe maak ik een nieuwe schets en teken ik basisvormen 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);
Schetsen exporteren en opslaan in Node.js
De open-source JSketcher-bibliotheek maakt het voor softwareontwikkelaars eenvoudig om hun CAD-schetsen te laden en te exporteren naar diverse andere ondersteunde bestandsformaten met slechts een paar regels code. De bibliotheek maakt het mogelijk om uw schetsen te exporteren in verschillende formaten, waaronder PDF, SVG en JSON. Dit maakt het eenvoudig om de bibliotheek te integreren met andere tools, de schetsen weer te geven in webapplicaties of is nuttig voor applicaties die permanente opslag of deelmogelijkheden vereisen. Het volgende voorbeeld laat zien hoe u een polygoon maakt en de schets exporteert als een JSON-object.
Hoe maak ik een polygoon en exporteer ik de schets als een JSON-object 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);
Realtime samenwerking
Hoewel jSketcher de kernfunctionaliteit voor tekenen afhandelt, is het dankzij de integratie met Node.js een uitstekende kandidaat voor realtime samenwerkingsapplicaties. Door het te combineren met bibliotheken zoals Socket.io, kunt u tekengebeurtenissen naar meerdere gebruikers uitzenden, wat een gedeelde whiteboardervaring mogelijk maakt. Het volgende server-side fragment stelt een eenvoudige express-applicatie in die Socket.io gebruikt om tekengebeurtenissen door te sturen, wat de weg vrijmaakt voor samenwerking bij schetsen door meerdere gebruikers.
Hoe integreer ik de jSketcher-bibliotheek met 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.');
});
Geavanceerde geometrische bewerkingen en vormaanpassing
De open-source JSketcher-bibliotheek bevat geavanceerde geometrische bewerkingen waarmee softwareontwikkelaars bewerkingen kunnen uitvoeren, zoals snijpunten, verschuivingen en transformaties (bijvoorbeeld schalen, roteren en transleren). Deze functies maken het mogelijk om eenvoudig complexe diagrammen te maken. Bovendien is maatwerk essentieel voor CAD-toepassingen. Met jSketcher kunnen ontwikkelaars vormen toevoegen met gedetailleerde parameters, zoals afmetingen, coördinaten en kleurkenmerken, zodat elk element nauwkeurig kan worden aangestuurd.
