arbaev/dxf-kit

Name: dxf-kit
Author: arbaev

Parse and render AutoCAD DXF files in the browser — framework-agnostic engine (dxf-render) with drop-in Vue, React and Web Components viewers. Three.js + TypeScript.

50stars

7forks

0issues

0views

Visit Repository Homepage

🧩 dxf-kit: Parse & render DXF trong trình duyệt, không cần máy chủ

Engine độc lập, hỗ trợ Vue, React, Web Component — chỉ cần browser là đủ.

dxf-kit là một monorepo TypeScript chứa engine parse + render DXF tùy chỉnh dựa trên Three.js. Hỗ trợ 22 kiểu thực thể DXF, vector text, hatch patterns. Các gói wrapper cho Vue 3, React 18+, và Web Component (Lit) giúp tích hợp nhanh vào bất kỳ dự án nào.

✨ Điểm nổi bật

Engine độc lập (dxf-render): Parser tùy chỉnh + Three.js renderer, hỗ trợ cả Node.js (parser-only).
Hỗ trợ 22 kiểu thực thể DXF: Bao gồm LINE, POLYLINE, CIRCLE, ARC, TEXT, HATCH...
Vector text & hatch patterns: Render chữ và tô màu chính xác theo chuẩn DXF.
Vue 3 (dxf-vuer): Component <DXFViewer> + composables.
React 18+ (dxf-react): Component <DXFViewer> + hooks.
Web Component (dxf-lit): Thẻ <dxf-viewer> dùng được ở đâu cũng chạy.
Tính năng tương tác: Zoom, pan, orbit, picking, layer panel, rulers.
Xuất PDF: Hỗ trợ ví dụ chuyển DXF sang PDF.

💡 Vì sao đáng chú ý

dxf-kit khác với các thư viện khác ở chỗ tách biệt rõ engine và UI: bạn có thể dùng dxf-render trực tiếp với Three.js thuần, hoặc dùng wrapper tương ứng với framework. Tất cả đều chạy hoàn toàn trong trình duyệt — không cần upload, không cần backend. Phù hợp cho các ứng dụng CAD web, viewer bản vẽ kỹ thuật, hoặc công cụ xem file DXF nhanh trên browser.

#DXF #AutoCAD #ThreeJS #TypeScript #Vue #React #WebComponents #TiniX