Почему этот инструмент полезен
Создайте автономный векторный мокап, иллюстрацию для документации или повторно используемый пример интерфейса из HTML, не содержащий удалённых ресурсов.
Дизайн и CSS · работает локально
Рендерер HTML в SVG
Превратите очищенный HTML-фрагмент в масштабируемый холст SVG, чтобы текст и макет оставались чёткими при разных размерах отображения.
Готово. Ваши рабочие данные остаются в этом браузере.
Как это работает
Браузер удаляет исполняемую и сетево-способную разметку, оборачивает оставшийся XHTML в SVG foreignObject и экспортирует точный ограниченный холст как текст.
Практический пример
Создайте карточку продукта размером 1200 × 630, проверьте сгенерированный SVG-исходный код и сохраните векторный артефакт для адаптивной страницы документации.
Проверка
Вычисление детерминировано и объясняет ошибки валидации вместо того, чтобы молча изменять неверный ввод.
Граница конфиденциальности
Ввод и вывод остаются на этой вкладке. Копирование и загрузка происходят через API браузера без загрузки на сервер.
Результат паспорта
Каждый запуск сообщает режим инструмента, временную метку и размер входных/выходных данных, чтобы можно было проверить преобразованные данные.