【问题标题】:Why is my SVG appearing in chrome but not IE or FF?为什么我的 SVG 出现在 chrome 而不是 IE 或 FF?
【发布时间】:2017-03-01 11:08:09
【问题描述】:

我有这个:

编辑(以前是一个链接):

<rect style="stroke: rgba(0, 0, 0, 0); fill: red; x: 342.286; y: 65; width: 72.5714px; height: 160px;"></rect>

它在 Chrome 中看起来不错 - 但代表条形的红色 SVG 矩形标签不会显示在 IE11 或 FF 中。任何想法为什么?

PS 奇怪的是,代表坐标轴的路径标签显示正常。

【问题讨论】:

  • 如果有帮助,轴和背景网格都是 PATH 标签,而缺少的条是 RECT 标签。
  • minimal reproducible example 放在问题中而不是作为链接是更可取的。如果链接失效,这将不是一个可以回答的问题。
  • @robert 注意。我在问题中添加了一个代码 sn-p。

标签: internet-explorer firefox svg


【解决方案1】:
  • IE 和 Firefox 实现了 SVG 1.1 对矩形元素的定义,其中 x、y、宽度和高度是属性

  • Chrome 实现了 SVG 2 对矩形元素的定义,其中 x、y、宽度和高度映射了 CSS 属性

  • 当您创建 x 轴时,您将 d 指定为属性而不是 CSS 属性,这就是它起作用的原因

  • SVG 2 仍处于草案阶段,UA 正在尝试实现它的不同部分。例如,Firefox 还实现了一些 Chrome 没有实现的部分。

【讨论】:

    猜你喜欢
    • 2012-10-13
    • 2014-05-07
    • 2021-12-11
    • 2014-06-23
    • 2017-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多