提问人:loll 提问时间:10/5/2010 最后编辑:Jason Allerloll 更新时间:9/28/2023 访问量:27031
将 SVG 转换为 HTML+CSS [已关闭]
convert svg to html+css [closed]
问:
我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题,以便用事实和引文来回答。
上个月关闭。
我想要一个转换器从 svg 格式转换为( html + css )
<g transform="matrix(1.25,0,0,-1.25,0,15.56875)">
<text transform="matrix(1,0,0,-1,76.881,0)">
<tspan style="font-size: 7.87px; font-family: 'XITSMath';" x="0" y="0">N</tspan>
</text>
<text transform="matrix(1,0,0,-1,88.499,7.313)">
<tspan style="font-size: 7.87px; font-family: 'XITSMath';" x="0" y="0">T</tspan>
</text>
</g>
现在我想做的是将矩阵、x 和 y 值转换为 CSS 属性。例如,这里的 T 是上标,N 是下标,这是通过转换、x 和 y 属性完成的,我想将这个子/超级脚本效果转换为 HTML 文档中的 CSS。
我找到了一个名为svg2css的python脚本和另一个名为svg2html的脚本,但我找不到有关如何测试它们的任何信息。
这是svg2css脚本:http://sourceforge.net/projects/svg2css/files/
这是svg2html脚本:http://jspoker.pokersource.info/jpoker-1.0.16/test-svg2html.py
我也发现了这个,它似乎是svg2html脚本的测试代码:http://jspoker.pokersource.info/jpoker-1.0.16/test-svg2html.py
嗨,朋友们,终于我找到了测试svg2css python脚本的方法,但它导致错误消息: 我尝试在 python 中使用 svg2css inkscape 扩展,它将 svg 文件转换为等效的 css+html,但它导致没有输出并显示警告消息:
源文件 C:\WINDOWS\Temp\ink_ext_XXXXXX.svg9EFDKV 不是 SVG。 我的svg文件非常简单,它只包含一个文本标签,我尝试从这些svg格式生成css + html:
- 普通SVG
- Inkscape SVG格式
- 优化的SVG 但所有这些都导致没有输出相同的错误消息。
这是在 \Users\staff\Application Data\inkscape 中生成的错误日志文件:
扩展“草图输入”加载失败,因为未满足依赖项。 屬地: 类型:可执行文件 位置:路径 字符串:skconvert
扩展“LaTeX Input”加载失败,因为未满足依赖项。 屬地: 类型:扩展 位置: 扩展 字符串:org.inkscape.input.sk
我知道我应该下载错误日志文件中提到的这些资源并修复它们,任何人都可以帮助我执行此操作,或者是否有其他解决方案?
答:
这实际上是不可能的,因为SVG是一种图形格式(图像)。
就像你不能直接将jpg或png转换为HTML一样。
是的,可以创建具有模拟图像的 1px 单元格的表格,但我怀疑这是您正在寻找的。
更新:
由于您只有元素,因此您可以使用 XSL 将 SVG 转换为 XHTML - 但是,您需要提供自己的 CSS 文件(但是,您也可以使用 XSL 生成该文件,具体取决于 SVG 的内容)。text
评论
这只有效,但无论如何你都在这里:
https://convertio.co/svg-html/
从技术上讲,它确实做到了它所说的,但是,它只是将内容拆分为文本和其他所有内容。它可能适用于简单的 SVG......尽管任何复杂的东西都会完全搞砸......由于它不会将矩形拆分为 div,而是将除文本之外的所有内容栅格化,这在某些情况下可能有效......
它不适合我的目的,因为我构建了一个网页布局样式,并希望我可以将其转换为 HTML 文件并添加一些功能,但它不起作用,我只需要手动编码我猜!
评论