1. Produkty
  2.   CHAM
  3.   Node.js
  4.   JSketcher
 
  

Bezpłatna biblioteka Node.js do tworzenia szkiców i eksportu do formatu DWG

Biblioteka Open Source Node.js 2D i 3D CAD Modeler umożliwia programowe tworzenie, edycję i konwersję szkiców 2D do formatów STL, DWG i SVG

Czym jest biblioteka JSketcher?

jSketcher to potężna biblioteka Node.js zaprojektowana w celu zapewnienia prostego, ale wydajnego interfejsu API do tworzenia, edycji i eksportowania szkiców bezpośrednio w aplikacji internetowej. Zaprojektowana z myślą o wydajności i łatwości użytkowania, wykorzystuje asynchroniczną naturę Node.js do efektywnego obsługiwania interaktywnych zadań rysowania. JSketcher to lekka, open source'owa biblioteka JavaScript przeznaczona do programowego tworzenia i manipulowania szkicami 2D. Oferuje proste i intuicyjne API do rysowania kształtów, linii i krzywych, co czyni ją doskonałym wyborem dla programistów, którzy potrzebują dynamicznie generować diagramy lub szkice. Projekt jest utrzymywany na GitHubie, gdzie mile widziane są wkłady i opinie społeczności, co czyni go doskonałym wyborem dla programistów ceniących innowacje open source.

JSketcher oferuje przyjazny dla programistów interfejs, który ułatwia konfigurację i zarządzanie płótnem rysunkowym. Biblioteka oferuje wbudowane narzędzia do rysowania odręcznego, tworzenia kształtów (np. prostokątów, okręgów), wstawiania tekstu i wiele innych. Obejmuje zaawansowane operacje geometryczne, takie jak przecięcia, przesunięcia i transformacje (np. skalowanie, obrót i translacja). Funkcje te umożliwiają łatwe tworzenie złożonych diagramów. Biblioteka jest wysoce rozszerzalna, umożliwiając programistom dodawanie niestandardowych kształtów, narzędzi i funkcjonalności w razie potrzeby. Niezależnie od tego, czy tworzysz narzędzia edukacyjne, tablice interaktywne, czy kreatywne platformy projektowe, jSketcher oferuje solidne, elastyczne i modułowe rozwiązanie, które pobudzi kreatywność Twojego projektu.

Previous Next

Rozpoczęcie pracy z JSketcherem

Zalecanym sposobem instalacji JSketchera jest użycie npm. Użyj poniższego polecenia, aby zapewnić płynną instalację.

Zainstaluj JSketcher przez npm

 npm install jsketcher

Możesz również zainstalować go ręcznie, pobierając najnowsze pliki wydania bezpośrednio z repozytorium GitHub.

Twórz proste szkice za pomocą JavaScript

Biblioteka JSketcher zapewnia przejrzyste i łatwe w użyciu API, które pozwala programistom tworzyć szkice przy minimalnej ilości kodu. Biblioteka została zaprojektowana tak, aby była przyjazna dla początkujących, a jednocześnie oferowała zaawansowane funkcje doświadczonym programistom. Poniższy przykład pokazuje, jak programiści mogą utworzyć nowy szkic, dodać okrąg i prostokąt, a następnie wyeksportować szkic jako ciąg SVG.

Jak tworzyć nowe szkice i rysować podstawowe kształty w aplikacjach 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);

Eksportowanie i zapisywanie szkiców w Node.js

Biblioteka JSketcher o otwartym kodzie źródłowym ułatwia programistom wczytywanie i eksportowanie szkiców CAD do różnych obsługiwanych formatów plików za pomocą zaledwie kilku linijek kodu. Biblioteka umożliwia eksport szkiców w różnych formatach, w tym PDF, SVG i JSON. Ułatwia to integrację biblioteki z innymi narzędziami lub wyświetlanie szkiców w aplikacjach internetowych, a także jest przydatne w aplikacjach wymagających trwałego przechowywania lub udostępniania. Poniższy przykład pokazuje, jak utworzyć wielokąt i wyeksportować szkic jako obiekt JSON.

Jak utworzyć wielokąt i wyeksportować szkic jako obiekt JSON w 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);

Współpraca w czasie rzeczywistym

Chociaż jSketcher obsługuje podstawowe funkcje rysowania, jego integracja z Node.js sprawia, że doskonale nadaje się do aplikacji do współpracy w czasie rzeczywistym. Łącząc go z bibliotekami takimi jak Socket.io, można transmitować zdarzenia rysowania do wielu użytkowników, umożliwiając współdzielone korzystanie z tablicy. Poniższy fragment kodu po stronie serwera konfiguruje podstawową aplikację Express, która wykorzystuje Socket.io do przekazywania zdarzeń rysowania, torując drogę do wspólnego szkicowania przez wielu użytkowników.

Jak zintegrować bibliotekę jSketcher z 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.');
});

Zaawansowane operacje geometryczne i dostosowywanie kształtów

Biblioteka JSketcher o otwartym kodzie źródłowym zawiera zaawansowane operacje geometryczne, które umożliwiają programistom wykonywanie operacji, takich jak przecięcia, przesunięcia i transformacje (np. skalowanie, obrót i translacja). Funkcje te umożliwiają łatwe tworzenie złożonych diagramów. Ponadto w aplikacjach CAD kluczowe znaczenie ma dostosowywanie. jSketcher umożliwia programistom dodawanie kształtów ze szczegółowymi parametrami — takimi jak wymiary, współrzędne i atrybuty kolorów — zapewniając precyzyjną kontrolę nad każdym elementem.

 Polski