将 SVG 转换为 HTML+CSS [已关闭]

convert svg to html+css [closed]

提问人:loll 提问时间:10/5/2010 最后编辑:Jason Allerloll 更新时间:9/28/2023 访问量:27031

问:


我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题,以便用事实和引文来回答。

上个月关闭。

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

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

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

扩展“草图输入”加载失败,因为未满足依赖项。 屬地: 类型:可执行文件 位置:路径 字符串:skconvert

扩展“LaTeX Input”加载失败,因为未满足依赖项。 屬地: 类型:扩展 位置: 扩展 字符串:org.inkscape.input.sk

我知道我应该下载错误日志文件中提到的这些资源并修复它们,任何人都可以帮助我执行此操作,或者是否有其他解决方案?

HTML xHTML SVG

评论

0赞 loll 10/5/2010
现在我找到了一个名为 (svg2css) 的 python 脚本,没有很多关于使用它的信息,但它应该从 svg 转换为 html+css,所以如果有人告诉我一些事情,我会很高兴。ko.sourceforge.jp/projects/sfnet_svg2css</ , sourceforge.net/projects/svg2css –
0赞 loll 10/21/2010
嗨,朋友们,我想通知您,我的问题是如何安装skencil nongnu.org/skencil/download.html,如果有人知道有关安装此程序的任何信息,请帮助我。

答:

1赞 Oded 10/5/2010 #1

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

就像你不能直接将jpg或png转换为HTML一样。

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


更新:

由于您只有元素,因此您可以使用 XSL 将 SVG 转换为 XHTML - 但是,您需要提供自己的 CSS 文件(但是,您也可以使用 XSL 生成该文件,具体取决于 SVG 的内容)。text

评论

0赞 loll 10/5/2010
你是对的,但我的SVG文件包含<text>标签,不包含任何嵌入或链接的图像
2赞 Oded 10/5/2010
@loll - 一个非常重要的细节,从你的问题中省略。编辑您的问题并将所有重要细节添加到其中怎么样?
0赞 loll 10/5/2010
非常感谢您的帮助,我会尝试申请,但我希望找到从 svg 到 html 的直接转换器。
0赞 Oded 10/5/2010
@Loll - 你要找的东西是非常具体的。大多数 SVG 文档不仅是文本,因此您不太可能找到通用的 SVG 到 HTML 转换器。
0赞 loll 10/5/2010
是的,你是对的,但我只需要 svg 到 html 转换器,无论 svg 文件的内容如何
1赞 255.tar.xz 1/1/2020 #2

这只有效,但无论如何你都在这里:

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

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

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