Вопрос по html, svg, rendering, browser – Можно ли экспортировать часть HTML-страницы в изображение SVG?

41

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

Хороший вопрос, но я сомневаюсь, что есть что-то для этого. Это будет зависеть от возможности Webkit или другого движка выводить данные в какой-либо векторной форме. Я подозреваю, что это выводит прямой растр, но я не уверен во внутренностях Brad
Может быть, сделать страницу в PDF, а затем SVG? Это будет зависеть от того, как браузер отображает страницу в формате PDF. Некоторые на самом деле вставляют текст, другие отображают его и помещают в PDF-файл. Хотя стоит попробовать. xthexder

Ваш Ответ

5   ответов
-2

Ты можешь попробоватьhttp://www.letime.net/alpha/glm.html

это делает текст в HTML5 рисует в CSS3

Добро пожаловать в переполнение стека! Хотя это может ответить на вопрос,it would be preferable включить основные части ответа здесь и предоставить ссылку для справки.
Привет, Пьер, большое спасибо за ответ. Кажется, glm - это программа для преобразования текста в HTML, верно? Мой вопрос ищет способ превратить HTML + CSS в векторное изображение, поэтому я не могу принять ваш ответ; но воздержитесь и наслаждайтесь переполнением стека! Esteis
2

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

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

Opera 11.61 (Linux) supports printing to SVG(!), PDF, and PS uses author style sheet (unless you choose a different style sheet from the View menu, or disable CSS) With PDF and PS output, no text is put in the file! This is v. strange and must be a bug. If I choose SVG output, Opera produce a .svg file but writes PostScript code in it. :-( Firefox 11.0 (Linux) supports printing to PDF and PS ignores author style sheet, prints in black and white Uses DejaVu Serif font in a somewhat large size Chromium 17 (Linux) supports printing to PDF only ignores author style sheet, prints in black and white Uses Times New Roman
Opera сама не выводит SVG-вывод при печати, но драйвер принтера (не управляемый Opera) может переводить команды рисования и позволяет сохранять файлы в другие форматы, например, svg.
30

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

WebVector is an HTML to SVG or PNG convertor. It converts a HTML document into a vector image in SVG format or a bitmap image in PNG format. The Standard Vector Graphics (SVG) files can be further edited by a variety of vector graphics editors such as Inkscape.
http://cssbox.sourceforge.net/webvector/

CutyCapt is a small cross-platform command-line utility to capture WebKit's rendering of a web page into a variety of vector and bitmap formats, including SVG, PDF, PS, PNG, JPEG, TIFF, GIF, and BMP. See IECapt for a similar tool based on Internet Explorer.
http://cutycapt.sourceforge.net/

wkhtmltopdf and wkhtmltoimage are open source (LGPL) command line tools to render HTML into PDF and various image formats using the QT Webkit rendering engine. These run entirely "headless" and do not require a display or display service. There is also a C library, if you're into that kind of thing.
http://wkhtmltopdf.org/

--

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

Я бы добавил использование chrome в режиме без головы в этот (отличный) список; увидетьstackoverflow.com/a/50050884/6646912 для получения дополнительной информации
27

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

Можем ли мы изменить принятый ответ? Стыдно переходить к третьему ответу :)
Мне не нравится, что это не бесплатное решение :( Boo дорогие лицензии.
Вл. 395 долларов США за лицензию для одного человека невероятно дороги. Это было определенно не на месте, когда я принял этот ответ. Я по-прежнему оставлю этот ответ принятым, но если появится что-то сопоставимое и менее дорогое (или более широкое), я ожидаю, что я изменю принятый ответ. Esteis
Согласен, это было бесплатно, когда я предложил это. Спрос и предложение да ...
настолько совершенен! Просто спас меня ЧАСЫ! И улучшилось качество того, что я делал! Так хорошо, что он получает текст в виде шрифта и все! Я не могу быть счастливее
6

Ты можешь попробоватьwkhtmltoimage Он может конвертировать HTML в SVG и много разных форматов

Похожие вопросы