arbaev/dxf-kit

🧩 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