Подтвердить что ты не робот

Можно ли экспортировать часть HTML-страницы в SVG-изображение?

Мне нужно векторное изображение навигационной панели Wikipedia. К сожалению, Inkscape не может открыть файл HTML, и ни Opera, ни Chromium не могут сохранить страницу как SVG. Googling, googling, и еще больше googling ничего не показывали; в частности, "HTML2svg", по-видимому, означает функциональность, в которой HTML "разговаривает" с SVG-изображением внутри него. Кто-нибудь, как превратить HTML в SVG, либо всю страницу, либо div на странице? Мне нужен стилизованный HTML, CSS и все.

4b9b3361

ОТВЕТЫ

Ответ 1

Мне удалось найти веб-сайт, который сделает конверсию для вас. Все, что вам нужно сделать, это вставить HTML-код между разрывами строк, и все остальное. URL-адрес: http://www.hiqpdf.com/demo/ConvertHtmlToSvg.aspx

Ответ 2

Я столкнулся с такой же потребностью и нашел следующие бесплатные утилиты, которые обещают, что это возможно:

  • WebVector - это конвертер HTML в SVG или PNG. Он преобразует HTML-документ в векторное изображение в формате SVG или растровое изображение в формате PNG. Файлы стандартной векторной графики (SVG) могут быть дополнительно отредактированы различными редакторами векторной графики, такими как Inkscape.
    http://cssbox.sourceforge.net/webvector/

  • CutyCapt - небольшая кросс-платформенная утилита командной строки для захвата WebKit-рендеринга веб-страницы в различные векторные и растровые форматы, включая SVG, PDF, PS, PNG, JPEG, TIFF, GIF и BMP. См. IECapt для аналогичного инструмента на основе Internet Explorer.
    http://cutycapt.sourceforge.net/

  • wkhtmltopdf и wkhtmltoimage - это инструменты командной строки с открытым исходным кодом (LGPL) для рендеринга HTML в PDF и различные форматы изображений с использованием механизма рендеринга QT Webkit. Они работают полностью "без головы" и не требуют отображения или отображения. Существует также библиотека C, если вы занимаетесь такими вещами.
    http://wkhtmltopdf.org/

-

Неотвеченные вопросы: я знаю, что вы можете использовать что-то вроде rasterize.js для рендеринга объектов DOM в <canvas>, но как эти библиотеки построены так, что они могут экспортировать SVG? В частности, может ли сам WebKit использоваться для вывода "редактируемого пикселем" редактируемого SVG веб-контента и фрагментов HTML? Является ли это относительно простой задачей для библиотеки или это что-то значительно более сложное?

Ответ 3

Вы можете попробовать wkhtmltoimage Он может конвертировать HTML в SVG и в различные форматы

Ответ 4

Пробовал совет xthexder: печать в файл. (И затем преобразование PDF в SVG.) Я попробовал Opera, Firefox и Chromium под Linux; обзор ниже. Настоящая жалость к ошибкам Opera.

Я сделал этот ответ wiki сообщества; дополнения для других ОС приветствуются.

Opera 11.61 (Linux)

  • поддерживает печать на SVG (!), PDF и PS
  • используется таблица стилей автора (если вы не выбрали другую таблицу стилей из меню "Вид" или не отключили CSS)
  • С выходом PDF и PS текст не помещается в файл! Это v. Странно и должно быть ошибкой.
  • Если я выберу SVG-вывод, Opera создаст файл .svg, но напишет в него код PostScript.: - (

Firefox 11.0 (Linux)

  • поддерживает печать в PDF и PS
  • игнорирует листок стилей автора, печатает в черно-белом режиме
  • Использует шрифт DejaVu Serif в несколько больших размерах

Chromium 17 (Linux)

  • поддерживает печать только в формате PDF
  • игнорирует листок стилей автора, печатает в черно-белом режиме
  • Использование Times New Roman