Чому цей інструмент корисний
Створіть самодостатній векторний макет, ілюстрацію для документації або багаторазовий зразок інтерфейсу з HTML, який не містить віддалених ресурсів.
Дизайн і CSS · працює локально
Рендерер HTML у SVG
Перетворіть очищений фрагмент HTML на масштабоване полотно SVG, чий текст і компонування залишаються чіткими на різних розмірах відображення.
Готово. Ваші робочі дані залишаються в цьому браузері.
Як це працює
Браузер видаляє розмітку, що може виконуватися та працювати з мережею, обгортає решту XHTML в SVG foreignObject і експортує точний обмежений canvas як текст.
Практичний приклад
Створіть картку продукту 1200 × 630, перевірте згенерований вихідний код SVG і збережіть векторний артефакт для адаптивної сторінки документації.
Перевірка
Обчислення є детермінованим і пояснює помилки перевірки замість того, щоб непомітно змінювати некоректні вхідні дані.
Межа приватності
Ввід і вивід залишаються в цій вкладці. Копіювання та завантаження відбуваються через API браузера без завантаження на сервер.
Паспорт результату
Кожен запуск повідомляє свій режим інструмента, мітку часу та розмір вхідних/вихідних даних, щоб можна було перевірити перетворені дані.