0

私は xlink:href を使用して svg を表示しています。サファリとクロムの両方で動作しています。しかし、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を呼び出さないことです。

4

1 に答える 1

-1

直接 svg を使用します。つまり、パスではなくパスを使用します。

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

于 2018-03-19T12:59:34.153 に答える