【问题标题】:convert svg to html+css将 svg 转换为 html+css
【发布时间】:2011-04-21 04:48:32
【问题描述】:

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

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

【问题讨论】:

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

标签: html xhtml svg


【解决方案1】:

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

与不能直接将 jpg 或 png 转换为 HTML 的方式相同。

是的,可以使用 1px 单元格创建模拟图像的表格,但我怀疑这就是您要寻找的。​​p>


更新:

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

【讨论】:

  • 你是对的,但是我的 svg 文件包含 标签并且不包含任何嵌入或链接的图像
  • @loll - 一个非常重要的细节,请不要从您的问题中删除。 编辑您的问题并添加所有的重要细节怎么样?
  • 非常感谢您的帮助,我会尝试申请,但希望能找到从svg到html的直接转换器。
  • @Loll - 您正在寻找的是非常特定的。大多数 SVG 文档不仅仅是文本,因此您不太可能找到通用的 SVG 到 HTML 转换器。
  • 是的,你是对的,但无论 svg 文件的内容如何,​​我只需要 svg 到 html 转换器
【解决方案2】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-25
    • 2019-07-27
    • 2011-07-28
    • 1970-01-01
    • 1970-01-01
    • 2017-12-11
    • 2020-02-03
    • 2016-09-18
    相关资源
    最近更新 更多