Firefox浏览器上没有显示svg rect图像

Question

1. 目前，我正在使用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>
   

感谢您的帮助。

Answer 1

该图像“href”需要是“xlink：href”。

Answer 2

尝试添加引号以转换属性：

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