bigtimebuddy/pixi-svg

🎨 Chuyển SVG thành Graphics cho PixiJS

pixi-svg biên dịch SVG thành DisplayObject Graphics của PixiJS, giúp dùng lại SVG trên WebGL mà không cần renderer riêng.

pixi-svg là thư viện TypeScript cho phép chuyển đổi trực tiếp phần tử SVG (hoặc SVG string) thành đối tượng PIXI.SVG, kế thừa từ Graphics. Dự án hỗ trợ tích hợp dễ dàng vào các dự án PixiJS đang dùng WebGL hoặc HTML5 Canvas.

✨ Điểm nổi bật

• SVG → Graphics DisplayObject: biên dịch SVG thành PIXI.Graphics để dùng trên PixiJS.
• Hỗ trợ phần tử SVG: <path>, <circle>, <rect>, <polygon>, <polyline>, <g>.
• Hỗ trợ style: stroke, stroke-width, fill, opacity, stroke-linejoin, stroke-linecap.
• Cài đặt nhanh: npm install pixi-svg.
• Dễ dùng: truyền phần tử <svg> vào new SVG(element), thêm vào stage như bất kỳ DisplayObject nào.

💡 Vì sao đáng chú ý

pixi-svg giúp tận dụng SVG đã có sẵn trong pipeline PixiJS mà không cần thay đổi renderer. Tuy nhiên chỉ hỗ trợ tính năng con của SVG — không hỗ trợ transform, text, gradient, hoặc interactivity. Phù hợp cho UI đồ họa đơn giản cần vẽ trên WebGL.

---

#PixiJS #SVG #TypeScript #WebGL #OpenSource #TiniX