将svg转换为html + css

问题描述 投票:3回答:2

我希望转换器将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的python脚本,但是我找不到有关如何测试它们的任何信息。这是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:

  1. 普通svg
  2. inkscape svg
  3. 优化的svg但所有这些都没有输出,并且显示相同的错误消息。

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

扩展名“草图输入”由于不满足依赖关系而无法加载。依赖关系:类型:可执行位置:路径字符串:skconvert

扩展名“ LaTeX输入”未能加载,因为未满足依赖关系。依赖关系:类型:扩展位置:扩展字符串:org.inkscape.input.sk

我知道我应该下载错误日志文件中提到的这些资源,并进行修复,任何人都可以帮助我做到这一点,或者还有其他解决方案吗?提前感谢。

html xhtml svg
2个回答
0
投票

这仅是一种作品,但您还是要去这里:


-2
投票

这并不是真的可能,因为SVG是一种图形格式(图像)。

© www.soinside.com 2019 - 2024. All rights reserved.