Nhà phát triển / Kiểm tra SVG
Trình xem SVG: Kiểm tra, thay đổi kích thước và sao chép SVG
Xem mã SVG cục bộ với các tùy chọn thu phóng và nền. Kiểm tra kích thước và mã màu, chỉnh sửa chiều rộng và chiều cao, sửa viewBox, rồi tải xuống hoặc sao chép data URI.
Trình xem SVG: Kiểm tra, thay đổi kích thước và sao chép SVG: Đọc kích thước SVG, viewBox, số lượng phần tử, kích thước theo byte và việc sử dụng màu được khai báo rõ ràng. Chỉ chỉnh sửa các thuộc tính kích thước ở phần tử gốc theo yêu cầu sau khi làm sạch. Nếu thiếu viewBox, công cụ có thể điền từ kích thước nguồn; chế độ thích ứng giữ lại viewBox và xóa các thuộc tính width và height. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ lập trình viên
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Chạy hoàn toàn trong trình duyệt của bạn
Vùng nhìn SVG và viewBox
viewBox gồm bốn số: x tối thiểu, y tối thiểu, chiều rộng và chiều cao. Chiều rộng và chiều cao phải là số dương. Đặc tả: https://www.w3.org/TR/SVG2/coords.html
Kích thước và bản xem trước cục bộ
Các độ dài tuyệt đối được chuyển đổi theo 96 pixel CSS trên mỗi inch. Mức thu phóng và nền của bản xem trước không làm thay đổi mã đánh dấu đã xuất. Quy tắc xử lý hình ảnh SVG: https://www.w3.org/TR/SVG2/conform.html
Cách sử dụng
- Thả SVG hoặc dán mã của bạn để kiểm tra bản xem trước đã được làm sạch.
- Đặt kích thước với tùy chọn khóa tỷ lệ, điều chỉnh viewBox hoặc xóa kích thước để sử dụng SVG thích ứng.
- Tải xuống SVG, sao chép mã hoặc sao chép data URI đã mã hóa.
Quyền riêng tư và giới hạn
SVG được xử lý cục bộ và hiển thị dưới dạng hình ảnh độc lập. Các tập lệnh, trình xử lý sự kiện và tài nguyên bên ngoài sẽ bị xóa.
Công cụ liên quan
Câu hỏi thường gặp
Thay đổi viewBox có làm thay đổi hình vẽ không?
Thao tác này thay đổi vùng tọa độ hiển thị. Hãy dùng viewBox hiện có nếu bạn chỉ muốn thay đổi kích thước hiển thị; viewBox khác có thể cắt hoặc dịch chuyển phần hình vẽ đang hiển thị.
Điều gì xảy ra khi thiếu kích thước?
Trình xem sử dụng kích thước của viewBox, sau đó dùng giá trị dự phòng 300 × 150 pixel. Độ dài vật lý tuyệt đối sử dụng 96 pixel trên mỗi inch; độ dài tương đối cần một trang chứa để được tính chính xác.
Tại sao chế độ thích ứng lại xóa width và height?
viewBox bảo toàn hệ tọa độ, còn bố cục xung quanh sẽ kiểm soát kích thước hiển thị.
Tôi có thể sao chép data URI không?
Có. Data URI chứa SVG đầu ra đã được làm sạch và mã hóa URI.
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản