Trình xem SVG

Làm thế nào để xem nhanh kết quả hiển thị của mã SVG?

Trong quy trình làm việc, các nhà thiết kế có thể cung cấp trực tiếp mã SVG. Với công cụ này, chỉ cần sao chép và dán mã của bạn vào trình chỉnh sửa phía trên để hiển thị trực tiếp. Nếu bạn không biết cách mở tệp SVG để xem kết quả, chỉ cần tải tệp vào đây. Ngoài ra, bạn có thể kiểm tra hình ảnh trên các loại nền sáng/tối để đảm bảo sự đồng quán về mặt thiết kế.

Các bước xem và kiểm tra mã, tệp SVG nhanh chóng

1. Dán mã: Nhập nội dung <svg>...</svg> vào vùng văn bản.
2. Kéo thả: Kéo bất kỳ tệp .svg nào từ máy tính vào trình chỉnh sửa.
3. Kiểm tra chi tiết: Sử dụng các nút thu phóng (±1, ±5) để điều chỉnh tỉ lệ.
4. Tích hợp nhanh: Chuyển đổi giữa các ví dụ để lấy mã cho img src hoặc viewBox.

Tính năng của trình xem SVG trực tuyến này

• Hoàn toàn miễn phí: Công cụ trực duyệt, không cần đăng ký hay tải xuống.
• Đồng bộ trực tiếp: Cập nhật tức thì khi bạn chỉnh sửa mã.
• Chuyển đổi thông minh: Tự động tạo thẻ img Base64 và mã viewBox đã tối ưu hóa.
• Khả năng thu phóng: Xem trước với tỉ lệ tùy chỉnh và sao chép mã SVG đã được chỉnh tỉ lệ.
• Nhiều định dạng tích hợp: Sao chép mã cho CSS, Base64 hoặc nội tuyến. Tuyệt vời nếu bạn chưa quen với việc sử dụng SVG trong web!
• Thiết kế hiện đại: Giao diện mượt mà và trực quan cho tất cả các thiết bị.

Danh sách chi tiết tính năng của Trình xem SVG