Question

我正在使用xlink：href来显示svg，它在safari和chrome中都有效。但不是在Firefox中，任何想法？：

<div class="cart-badge">
 <span class="icon">
  <svg>
   <use xlink:href="#shape-cart"></use>
  </svg>
 </span>
</div>

更新：

我在索引

中设置了基础

<script type="text/javascript">
var baseDom = document.createElement('base');

var headDom = document.querySelector('head');

baseDom.setAttribute('href','/');

if(document.querySelector('base')===null)
{
    headDom.appendChild(baseDom);
}
</script>

svg无法在firefox中运行。

然后我在$locationProvider.html5Mode({enabled: true, requireBase: false});中添加了.config并完全删除了svg显示的基础，现在的问题是它不会在没有基础的情况下调用我的api。

Answer 1

使用直接svg，即路径不是

<use xlink:href=""></use>

xlink：href无法在firefox中运行

1 个答案: