Trình xem SVG – Xem trước, phóng to, xuất SVG hoặc PNG
Trình xem SVG là công cụ xem trước SVG để kiểm tra cách mã SVG hiển thị trong trình duyệt. Dán hoặc thả nội dung SVG để hiển thị trong iframe sandbox hoàn toàn, với script đã bị loại bỏ. Phóng to hoặc thu nhỏ, bật/tắt nền ô cờ để kiểm tra độ trong suốt, rồi tải xuống SVG hoặc xuất PNG qua canvas.
Trình xem SVG là công cụ xem trước SVG trực tuyến, hiển thị mã SVG để bạn kiểm tra kết quả trong trình duyệt. Dán hoặc thả nội dung SVG để xem tài liệu hiện ra thế nào, thay vì chỉ dựa vào mã nguồn. Bản xem trước hiển thị trong iframe sandbox hoàn toàn, và script bị loại bỏ.
Bạn có thể phóng to hoặc thu nhỏ để kiểm tra hình đã hiển thị ở các tỉ lệ khác nhau và bật/tắt nền ô cờ để thấy vùng trong suốt rõ hơn. Khi xong, tải xuống SVG hoặc xuất thành PNG qua canvas. Các điều khiển này giúp bạn dễ dàng xem trước SVG trực tuyến và chọn định dạng phù hợp với tác vụ tiếp theo.
SVG là định dạng ảnh vector, trong khi PNG là định dạng ảnh raster. Giữ ảnh ở dạng SVG hữu ích khi bạn muốn tài liệu vector; xuất PNG cho bạn phiên bản raster của bản xem trước. Trình xem hỗ trợ cả tải xuống SVG và xuất PNG, nên bạn có thể kiểm tra định dạng gốc và tạo kết quả PNG khi cần.
Trình xem SVG chạy hoàn toàn trong trình duyệt của bạn: dữ liệu nhập được xử lý trên thiết bị của bạn và không bị tải lên, lưu trữ hay gửi tới máy chủ. Sau khi trang đã tải xong, công cụ hoạt động ngoại tuyến mà không phụ thuộc máy chủ. Công cụ hữu ích cho lập trình viên và kỹ sư DevOps cần kiểm tra một SVG không phải do mình tạo, xem diện mạo hiển thị của nó, hoặc xuất PNG mà không gửi dữ liệu nhập đi nơi khác.
Bước 1: Dán mã SVG của bạn hoặc thả tệp SVG vào công cụ để tải lên xem trước.
Bước 2: Kiểm tra SVG đã hiển thị trong bản xem trước và xem các hình khối, văn bản hiện ra thế nào.
Bước 3: Phóng to hoặc thu nhỏ để xem SVG ở các tỉ lệ khác nhau.
Bước 4: Bật/tắt nền ô cờ để vùng trong suốt dễ nhìn hơn.
Bước 5: Tải xuống tệp SVG hoặc xuất bản xem trước thành PNG qua canvas.
Trường hợp sử dụng: Kiểm tra một tài liệu SVG không phải do bạn viết và khó hiểu chỉ bằng cách đọc mã.
Trường hợp sử dụng: Kiểm tra cách SVG hiển thị trước khi dùng trong mã tiêu thụ hoặc hiển thị tài liệu.
Trường hợp sử dụng: Xem lại một SVG lớn bằng hình ảnh trong lúc tìm xem cần kiểm tra hoặc chỉnh phần nào của mã.
Trường hợp sử dụng: Phóng to để xem chi tiết trong SVG khi toàn bộ hình khó đánh giá ở tỉ lệ ban đầu.
Trường hợp sử dụng: Kiểm tra vùng trong suốt bằng cách bật nền ô cờ.
Trường hợp sử dụng: Xuất bản xem trước SVG thành PNG khi bạn cần ảnh raster thay vì tài liệu vector gốc.
Trường hợp sử dụng: Tải xuống SVG sau khi kiểm tra trong trình duyệt.