svg rect 图像在 Firefox 上不显示答案

【问题标题】：svg rect image is not displayed on firefoxsvg rect 图像在 Firefox 上不显示
【发布时间】：2014-04-04 22:24:07
【问题描述】：

目前，我正在使用 D3 ，但是当我尝试将图像 svg 放入未在 Firefox 上显示的矩形中时。这就是生成的代码：

  <g transform=translate(3,2)">
  <svg viewBox="0 0 300 200">
  <rect class="background" x="0" width="58" height="80" style="fill: #80a2cb"></rect>
  <image class="img"  href="https://trac.openstreetmap.org/export/6357/subversion/applications/share/map-icons/svg/vehicle/motorbike.svg" x="0" width="58" height="80"></image>
  </svg>
   </g>

感谢您的帮助。

【问题讨论】：

标签： css image firefox svg d3.js

【解决方案1】：

那个图像“href”需要是一个“xlink:href”。

【讨论】：

【解决方案2】：

尝试在转换属性中添加引号：

<g transform="translate(3,2)">

【讨论】：