Biblioteca gratuita de Node.js para crear bocetos y exportarlos a DWG
La biblioteca de modeladores CAD 2D y 3D Node.js de código abierto permite crear, editar y convertir bocetos 2D a STL, DWG y SVG mediante programación.
¿Qué es la biblioteca JSketcher?
jSketcher es una potente biblioteca de Node.js diseñada para proporcionar una API sencilla pero potente para crear, editar y exportar bocetos directamente en tu aplicación web. Diseñada pensando en el rendimiento y la facilidad de uso, aprovecha la naturaleza asíncrona de Node.js para gestionar tareas de dibujo interactivas de forma eficiente. JSketcher es una biblioteca JavaScript ligera y de código abierto diseñada para crear y manipular bocetos 2D mediante programación. Proporciona una API sencilla e intuitiva para dibujar formas, líneas y curvas, lo que la convierte en una excelente opción para desarrolladores que necesitan generar diagramas o bocetos dinámicamente. El proyecto se mantiene en GitHub y agradece las contribuciones y los comentarios de la comunidad, lo que lo convierte en una excelente opción para desarrolladores que valoran la innovación de código abierto.
JSketcher proporciona una interfaz intuitiva para desarrolladores que simplifica la configuración y la gestión de un lienzo de dibujo. La biblioteca ofrece herramientas integradas para dibujo a mano alzada, creación de formas (p. ej., rectángulos, círculos), inserción de texto y más. Incluye operaciones geométricas avanzadas como intersecciones, desplazamientos y transformaciones (p. ej., escalado, rotación y traslación). Estas funciones facilitan la creación de diagramas complejos. La biblioteca es altamente extensible, lo que permite a los desarrolladores añadir formas, herramientas y funcionalidades personalizadas según sea necesario. Ya sea que esté creando herramientas educativas, pizarras colaborativas o plataformas de diseño creativo, jSketcher ofrece una solución robusta, flexible y modular para impulsar la creatividad de sus proyectos.
Introducción a Sketches
Se recomienda instalar JSketcher con npm. Utilice el siguiente comando para una instalación sin problemas.
Instalar JSketcher a través de npm
npm install jsketcher También puedes instalarlo manualmente; Descargue los archivos de la última versión directamente desde el repositorio de GitHub.
Crear bocetos sencillos mediante JavaScript
La biblioteca JSketcher proporciona una API limpia y fácil de usar que permite a los desarrolladores de software crear bocetos con un código mínimo. La biblioteca está diseñada para ser amigable para principiantes y al mismo tiempo ofrece funciones avanzadas para desarrolladores experimentados. El siguiente ejemplo demuestra cómo los desarrolladores de software pueden crear un nuevo boceto, agregar un círculo y un rectángulo y luego exportar el boceto como una cadena SVG.¿Cómo crear un nuevo boceto y dibujar formas básicas dentro de las aplicaciones 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);
Exportar y guardar bocetos en Node.js
La biblioteca de código abierto JSketcher facilita a los desarrolladores de software cargar y exportar sus bocetos CAD a varios otros formatos de archivos compatibles con solo un par de líneas de código. La biblioteca permite exportar sus bocetos en varios formatos, incluidos PDF, SVG y JSON. Esto facilita la integración de la biblioteca con otras herramientas o la visualización de los bocetos en aplicaciones web o resulta beneficioso para aplicaciones que requieren capacidades de almacenamiento persistente o de uso compartido. El siguiente ejemplo muestra cómo crear un polígono y exportar el boceto como un objeto JSON.
¿Cómo crear un polígono y exportar el boceto como un objeto JSON dentro de 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);
Colaboración en tiempo real
Si bien jSketcher maneja la funcionalidad principal de dibujo, su integración con Node.js lo convierte en un gran candidato para aplicaciones colaborativas en tiempo real. Al combinarlo con bibliotecas como Socket.io, puede transmitir eventos de dibujo a múltiples usuarios, lo que permite una experiencia de pizarra compartida. El siguiente fragmento del lado del servidor configura una aplicación express básica que utiliza Socket.io para retransmitir eventos de dibujo, allanando el camino para el dibujo colaborativo entre múltiples usuarios.
¿Cómo integrar la biblioteca jSketcher con 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.');
});
Operaciones geométricas avanzadas y personalización de formas
La biblioteca de código abierto JSketcher incluye operaciones geométricas avanzadas que permiten a los desarrolladores de software realizar operaciones como intersecciones, desplazamientos y transformaciones (por ejemplo, escala, rotación y traslación). Estas características permiten crear diagramas complejos con facilidad. Además, para las aplicaciones CAD, la personalización es clave. jSketcher permite a los desarrolladores agregar formas con parámetros detallados (como dimensiones, coordenadas y atributos de color), lo que garantiza que cada elemento pueda controlarse con precisión.
