代码之家 › 专栏 › 技术社区 › Shruti Kapoor

SVG rect没有出现在firefox中,但可以在chrome上使用

svg firefox google-chrome css javascript

6

Shruti Kapoor · 技术社区 · 9 年前

我绘制了一个简单的双矩形svg,如下所示:

<svg  width="72px" height="72px" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
          <rect stroke-dashoffset="0" x="2.4px" y="2.4px"></rect>
          <rect ng-class="$ctrl.expiryClass"
          x="2.4px" y="2.4px"
          stroke-dasharray={{$ctrl.dashlength}}
          stroke-dashoffset={{$ctrl.offset}}></rect>
      </svg>

然而,svg并没有出现在FireFox中,我只看到了紫色 2h

1 回复 | 直到 9 年前

1

11

Paul LeBeau 7 年前

我希望您正在设置矩形的 width height 使用CSS。对的

如果是这样的话,这就是目前仅在Chrome中可用的SVG 2。你需要经常使用和 身高

<rect stroke-dashoffset="0" x="2.4px" y="2.4px" width="100px" height="100px"/>