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是下标，这是由tarnsform，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：

plain svg
inkscape svg
优化svg 但所有这些都没有输出相同的错误信息。

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

扩展“草图输入”无法加载，因为未满足相关性。相关性：类型：可执行文件位置：路径 string：skconvert

扩展“LaTeX Input”无法加载，因为未满足依赖关系。相关性：类型：扩展名位置：扩展名 string：org.inkscape.input.sk

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

Answer 1

这仅是一种作品，但无论如何您都可以进行以下操作：

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

从技术上讲，它确实按照它说的做，但是，它只是将内容拆分为文本，以及其他所有内容。它可以与简单的SVG一起使用...尽管可能具有各种复杂性，但它会完全破坏它...由于它不会将矩形分割成div，因此会光栅化除文本以外的所有内容，这在某些情况下可能会起作用。 ..

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

Answer 2

由于SVG是一种图形格式（图像），因此这并不是真的可行。

与您无法直接将jpg或png转换为HTML的方式相同。

是的，可以使用1px单元格创建模拟图像的表格，但我怀疑这是您正在寻找的。

更新

看到您只有text个元素，您可以使用XSL将SVG转换为XHTML - 但是您需要提供自己的CSS文件（但是，您可能会能够使用XSL生成它，具体取决于SVG的内容。

将svg转换为html + css

2 个答案: