SVG sang URI dữ liệu

SVG sang URI dữ liệu. Chọn SVG cục bộ hoặc dán mã nguồn, rồi chạy để xem, thu phóng và tải về.

Tính năng hỗ trợ

Đầu vào: SVG · TXT
Đầu ra: SVG · TXT · CSS

Cách dùng SVG sang URI dữ liệu

SVG sang URI dữ liệu. Chọn SVG cục bộ hoặc dán mã nguồn, rồi chạy để xem, thu phóng và tải về.

Chọn SVG cục bộ hoặc dán mã nguồn, rồi chạy để xem, thu phóng và tải về.
Dùng SVG tĩnh không có mã lệnh, tài nguyên ngoài, ảnh nhúng, bộ lọc hay hoạt ảnh.
Sao chép kết quả hoặc tải về thiết bị.

SVG sang URI dữ liệu · Ví dụ

Đầu vào

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200">
  <rect width="320" height="200" rx="24" fill="#eef1ff"/>
  <circle cx="100" cy="100" r="58" fill="#5265d8"/>
  <path d="M172 140 L222 54 L272 140 Z" fill="#e98367"/>
</svg>

Đầu ra

data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22200%22%20viewBox%3D%220%200%20320%20200%22%3E%0A%20%20%3Crect%20width%3D%22320%22%20height%3D%22200%22%20rx%3D%2224%22%20fill%3D%22%23eef1ff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2258%22%20fill%3D%22%235265d8%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M172%20140%20L222%2054%20L272%20140%20Z%22%20fill%3D%22%23e98367%22%2F%3E%0A%3C%2Fsvg%3E

Lưu ý sử dụng

Tệp và dữ liệu nhập được xử lý trong trình duyệt này. Không tải lên hay cần tài khoản.

SVG giới hạn: hình, chữ và chuyển sắc. Không hỗ trợ mẫu lặp, mặt nạ và dấu đánh dấu.

SVG hiển thị dưới dạng ảnh. Mã nguồn không chèn vào tài liệu ứng dụng.

Dùng SVG tĩnh không có mã lệnh, tài nguyên ngoài, ảnh nhúng, bộ lọc hay hoạt ảnh.