Tại sao công cụ này hữu ích
Tạo một mockup vector tự chứa, hình minh họa tài liệu hoặc mẫu giao diện có thể tái sử dụng từ HTML không chứa tài nguyên từ xa.
Thiết kế & CSS · chạy cục bộ
Bộ kết xuất HTML sang SVG
Biến một đoạn HTML đã được làm sạch thành một khung vẽ SVG có thể mở rộng, trong đó văn bản và bố cục vẫn sắc nét ở các kích thước hiển thị khác nhau.
Sẵn sàng. Dữ liệu làm việc của bạn sẽ ở lại trong trình duyệt này.
Cách hoạt động của nó
Trình duyệt loại bỏ đánh dấu có thể thực thi và có khả năng mạng, bọc XHTML còn lại trong một foreignObject SVG, rồi xuất canvas có ranh giới chính xác dưới dạng văn bản.
Ví dụ thực tế
Kết xuất một thẻ sản phẩm 1200 × 630, kiểm tra mã nguồn SVG được tạo và giữ lại tạo tác vector cho một trang tài liệu đáp ứng.
Xác thực
Phép tính là xác định và giải thích các lỗi xác thực thay vì âm thầm thay đổi dữ liệu đầu vào không hợp lệ.
Ranh giới quyền riêng tư
Đầu vào và đầu ra vẫn ở trong tab này. Sao chép và tải xuống diễn ra thông qua các API trình duyệt mà không cần tải lên máy chủ.
Hộ chiếu kết quả
Mỗi lần chạy đều báo cáo chế độ công cụ, dấu thời gian và kích thước đầu vào/đầu ra để có thể kiểm tra dữ liệu đã chuyển đổi.