SVG Viewer & Editor

Giới thiệu công cụ

Dán mã SVG và xem ngay cách nó hiển thị trong canvas trình duyệt. SVG là định dạng vector dựa trên XML có thể mở rộng hoàn hảo cho mọi kích thước màn hình.

Các chế độ nền (ô vuông, trắng, đen) giúp đánh giá vùng trong suốt và độ tương phản màu sắc.

Cách sử dụng

1. Dán hoặc nhập mã SVG vào tab Trình soạn thảo.
2. Chuyển sang tab Xem trước để thấy kết quả hiển thị.
3. Điều chỉnh thu phóng và nền để kiểm tra dễ hơn.
4. Nhấp Sao chép SVG hoặc Tải SVG khi hoàn tất.

Trường hợp sử dụng

Nhà thiết kế kiểm tra SVG xuất từ Figma hoặc Illustrator. Nhà phát triển gỡ lỗi mã SVG inline. Kỹ sư frontend xác nhận vùng trong suốt bằng nền ô vuông.

Câu hỏi thường gặp

• Mã SVG của tôi có được gửi đến máy chủ không? — Không. Bản xem trước được hiển thị hoàn toàn trong trình duyệt của bạn. Không có gì được tải lên hoặc lưu trữ.
• Tại sao SVG của tôi trông trống rỗng? — Kiểm tra xem phần tử gốc <svg> có viewBox hoặc width/height rõ ràng không, và màu fill có khác với nền không.
• Có thể chỉnh sửa và tải lại không? — Có. Chỉnh sửa trong tab Trình soạn thảo, xác minh trong Xem trước, sau đó nhấp Tải SVG.