1. 제품
  2.   치사한 사람
  3.   Node.js
  4.   JSketcher
 
  

스케치를 만들고 DWG로 내보내는 무료 Node.js 라이브러리

오픈 소스 Node.js 2D 및 3D CAD 모델러 라이브러리를 사용하면 2D 스케치를 STL, DWG 및 SVG로 프로그래밍 방식으로 생성, 편집 및 변환할 수 있습니다.

JSketcher 라이브러리란 무엇인가요?

jSketcher는 웹 애플리케이션 내에서 직접 스케치를 생성, 편집 및 내보내기 위한 간단하면서도 강력한 API를 제공하도록 설계된 강력한 Node.js 라이브러리입니다. 성능과 사용 편의성을 고려하여 설계된 jSketcher는 Node.js의 비동기적 특성을 활용하여 대화형 그리기 작업을 효율적으로 처리합니다. JSketcher는 2D 스케치를 프로그래밍 방식으로 생성하고 조작할 수 있도록 설계된 가벼운 오픈 소스 JavaScript 라이브러리입니다. 도형, 선, 곡선을 그리기 위한 간단하고 직관적인 API를 제공하므로 다이어그램이나 스케치를 동적으로 생성해야 하는 개발자에게 탁월한 선택입니다. 이 프로젝트는 GitHub에서 관리되며, 기여와 커뮤니티 피드백을 환영하므로 오픈 소스 혁신을 중시하는 개발자에게 탁월한 선택입니다.

JSketcher는 개발자 친화적인 인터페이스를 제공하여 그리기 캔버스를 간편하게 설정하고 관리할 수 있도록 합니다. 이 라이브러리는 자유형 그리기, 도형 생성(예: 사각형, 원), 텍스트 삽입 등을 위한 기본 도구를 제공합니다. 또한, 교차점, 오프셋, 변환(예: 크기 조절, 회전, 이동)과 같은 고급 기하 연산을 지원합니다. 이러한 기능을 통해 복잡한 다이어그램을 손쉽게 만들 수 있습니다. 라이브러리는 확장성이 뛰어나 개발자가 필요에 따라 사용자 정의 도형, 도구 및 기능을 추가할 수 있습니다. 교육 도구, 협업 화이트보드 또는 창의적인 디자인 플랫폼 등 어떤 도구를 개발하든 jSketcher는 프로젝트의 창의성을 북돋아 줄 강력하고 유연한 모듈식 솔루션을 제공합니다.

Previous Next

JSketcher 시작하기

JSketcher를 설치하는 권장 방법은 npm을 사용하는 것입니다. 원활한 설치를 위해 다음 명령어를 사용하세요.

npm을 통해 JSketcher 설치

 npm install jsketcher

수동으로 설치할 수도 있습니다. GitHub 저장소에서 최신 릴리스 파일을 직접 다운로드하세요.

JavaScript를 통해 간단한 스케치 만들기

JSketcher 라이브러리는 소프트웨어 개발자가 최소한의 코드로 스케치를 만들 수 있도록 깔끔하고 사용하기 쉬운 API를 제공합니다. 이 라이브러리는 초보자도 쉽게 사용할 수 있도록 설계되었으며, 숙련된 개발자를 위한 고급 기능도 제공합니다. 다음 예제는 소프트웨어 개발자가 새 스케치를 만들고, 원과 사각형을 추가한 후, 스케치를 SVG 문자열로 내보내는 방법을 보여줍니다.

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);

Node.js에서 스케치 내보내기 및 저장

오픈 소스 JSketcher 라이브러리를 사용하면 소프트웨어 개발자가 몇 줄의 코드만으로 CAD 스케치를 다양한 지원되는 파일 형식으로 쉽게 로드하고 내보낼 수 있습니다. 이 라이브러리를 사용하면 PDF, SVG, JSON 등 다양한 형식으로 스케치를 내보낼 수 있습니다. 이를 통해 라이브러리를 다른 도구와 쉽게 통합하거나 웹 애플리케이션에 스케치를 표시하거나 영구 저장 또는 공유 기능이 필요한 애플리케이션에 유용합니다. 다음 예제는 다각형을 생성하고 스케치를 JSON 객체로 내보내는 방법을 보여줍니다.

Node.js 내에서 폴리곤을 생성하고 스케치를 JSON 객체로 내보내는 방법은 무엇인가요?

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);

실시간 협업

jSketcher는 핵심적인 그리기 기능을 담당하지만, Node.js와의 통합으로 실시간 협업 애플리케이션에 매우 적합합니다. Socket.io와 같은 라이브러리와 함께 사용하면 그리기 이벤트를 여러 사용자에게 브로드캐스트하여 공유 화이트보드 환경을 구축할 수 있습니다. 다음 서버 측 스니펫은 Socket.io를 사용하여 그리기 이벤트를 전달하는 기본 Express 애플리케이션을 설정하여 다중 사용자 협업 스케치를 위한 기반을 마련합니다.

jSketcher 라이브러리를 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.');
});

고급 기하 연산 및 도형 사용자 정의

오픈 소스 JSketcher 라이브러리에는 소프트웨어 개발자가 교차점, 오프셋, 변환(예: 크기 조정, 회전, 이동)과 같은 작업을 수행할 수 있도록 하는 고급 기하 연산이 포함되어 있습니다. 이러한 기능을 통해 복잡한 다이어그램을 쉽게 만들 수 있습니다. 또한, CAD 애플리케이션의 경우 사용자 정의가 매우 중요합니다. jSketcher를 사용하면 개발자가 치수, 좌표, 색상 속성과 같은 세부적인 매개변수를 사용하여 도형을 추가할 수 있으므로 모든 요소를 ​​정밀하게 제어할 수 있습니다.

 한국인