css - svg 矩形图像不显示在 firefox 上

标签 css image firefox svg d3.js

  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>
    

感谢您的帮助。

最佳答案

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

关于css - svg 矩形图像不显示在 firefox 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22850100/

相关文章:

css - 在 div 悬停时更改链接颜色

javascript - 是否可以在不重新部署的情况下更新 PhoneGap 应用程序中的 HTML/CSS/JS 文件?

iphone - 如何从 gif 文件中获取每秒的帧数?

javascript - 为什么 Firefox 和其他浏览器在计算哪个数字更大时表现相反?

javascript - Firefox 附加组件 sdk : how to use simple-storage API in a content script?

html - Django:无法更新 css 更改

html - 如何在此跨度内垂直居中文本

image - 在 node.js 中绘制图像

带图像的按钮上的 iPhone 辅助功能

http - 为什么 HTTPS 比 HTTP 快?