我可以将部分HTML页面导出为SVG图像吗？

Question

我可以将部分HTML页面导出为SVG图像吗？

我需要一个维基百科导航框的矢量图像.不幸的是,Inkscape无法打开HTML文件,Opera和Chromium都无法将页面保存为SVG.谷歌搜索,谷歌搜索,然后更多的谷歌搜索没有任何结果; 特别是,'HTML2svg'似乎意味着HTML'与'内部的SVG图像对话的功能.有人如何将HTML转换为SVG,无论是整个页面还是页面上的div？我需要样式化的HTML,CSS和所有.

Answer 1

Jer*_*lix 38

我遇到了同样的需求,并找到了以下免费实用程序,它们承诺这是可能的:

WebVector是一个HTML到SVG或PNG转换器.它将HTML文档转换为SVG格式的矢量图像或PNG格式的位图图像.标准矢量图形(SVG)文件可以由各种矢量图形编辑器(如Inkscape)进一步编辑.
http://cssbox.sourceforge.net/webvector/
CutyCapt是一个小型跨平台命令行实用程序,用于捕获WebKit将网页呈现为各种矢量和位图格式,包括SVG,PDF,PS,PNG,JPEG,TIFF,GIF和BMP.有关基于Internet Explorer的类似工具,请参阅IECapt.
http://cutycapt.sourceforge.net/
wkhtmltopdf和wkhtmltoimage是开源(LGPL)命令行工具,使用QT Webkit呈现引擎将HTML呈现为PDF和各种图像格式.这些完全"无头",不需要显示或显示服务.如果你是这样的话,还有一个C库.
http://wkhtmltopdf.org/

-

未解决的问题:我知道您可以使用像rasterize.js这样的东西来渲染DOM对象<canvas>,但是如何构建这些库以便它们能够导出SVG？具体来说,WebKit本身可以用来输出"像素完美"可编辑的Web内容和HTML片段的SVG吗？对于库来说这是一个相对简单的任务还是这个更复杂的东西？

请参阅我对这三种方法的评论 - https://superuser.com/questions/579933/is-it-possible-to-take-a-screenshot-of-a-web-page-as-an-svg-image (2认同)

Answer 2

Bmi*_*729 32

我设法找到了一个可以为您进行转换的网站.您所要做的就是在换行符之间粘贴HTML,剩下的工作就完成了.该URL为:http://www.hiqpdf.com/demo/ConvertHtmlToSvg.aspx

噢.一人许可证的395美元非常昂贵.当我接受这个答案时,那肯定不到位.我仍然会接受这个答案,但如果出现类似且价格较低(或自由)的东西,我希望我会改变已接受的答案. (4认同)
我不喜欢它不是一个免费的解决方案:( Boo昂贵的许可证. (2认同)
那我们可以改变接受的答案吗？必须滚动到第三个答案很可惜:) (2认同)

Answer 3

use*_*713 8

你可以尝试wkhtmltoimage它可以将HTML转换为SVG和许多不同的格式

Answer 4

Est*_*eis 5

尝试了 xthexder 的建议：打印到文件。（然后将 PDF 转换为 SVG。）我在 Linux 下尝试了 Opera、Firefox 和 Chromium；概述如下。对于 Opera 的 bug 真的很遗憾。

我已经在社区维基上制作了这个答案；欢迎添加其他操作系统。

歌剧 11.61 (Linux)

支持打印为 SVG(!)、PDF 和 PS
使用作者样式表（除非您从“视图”菜单中选择不同的样式表，或禁用 CSS）
对于 PDF 和 PS 输出，文件中不会放入任何文本！这很奇怪，肯定是一个错误。
如果我选择 SVG 输出，Opera 会生成一个.svg文件，但会在其中写入 PostScript 代码。:-(

火狐 11.0 (Linux)

支持打印为PDF和PS
忽略作者样式表，以黑白打印
使用尺寸稍大的 DejaVu Serif 字体

铬 17 (Linux)

仅支持打印为 PDF
忽略作者样式表，以黑白打印
使用 Times New Roman

Opera 在打印时本身并不产生 SVG 输出，但打印机驱动程序（不受 Opera 控制）可以转换绘图命令并允许保存为不同的文件格式，例如 svg。 (3认同)

归档时间：	13 年，2 月前
查看次数：	48291 次
最近记录：	6 年，2 月前