html - 将 svg 转换为 html+css

Question

我想要一个转换器将 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

嗨， friend 们，我终于找到了一种测试 svg2css python 脚本的方法，但它会导致错误消息:我尝试在 python 中使用 svg2css inkscape 扩展，它将 svg 文件转换为其等效的 css+html，但它没有输出警告消息:

Source file C:\WINDOWS\Temp\ink_ext_XXXXXX.svg9EFDKV not an SVG.My svg file is very simple, it just contains one text tag, I tried to generate the css+html from these svg formats:

1. 普通 svg
2. inkscape svg
3. 优化的svg但所有这些都导致没有输出相同的错误消息。

这是在\Users\staff\Application Data\inkscape 中生成的错误日志文件:

扩展“草图输入”加载失败，因为不满足依赖关系。依赖:类型:可执行文件位置:路径字符串:skconvert

扩展“LaTeX Input”加载失败，因为不满足依赖关系。依赖:类型:扩展位置:扩展字符串:org.inkscape.input.sk

我知道我应该下载错误日志文件中提到的这些资源并修复它们，有人可以帮助我这样做吗，或者是否有其他解决方案？

Answer 1

这只是一种工作方式，但无论如何你都可以:

https://convertio.co/svg-html/

这在技术上确实做到了它所说的，但是，它只是将内容拆分为文本和其他所有内容。它可能适用于简单的 SVG……尽管任何复杂的东西都会完全搞砸它……因为它不会将矩形拆分为 div，而是栅格化除文本以外的所有内容，这在某些情况下可能会起作用。 ..

它对我的目的不起作用，因为我构建了一个网页布局样式并希望我可以将它转换为 HTML 文件并添加一些功能，但它不起作用，我只需要我猜是手动编码!