2014-10-01 68 views
0

我有以下HTML代碼來顯示SVG圖標。在FF中它很好地顯示,但在Chrome中根本不顯示。未在Chrome上顯示SVG代碼

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
version="1.1" id="Layer_1" x="0px" y="0px" width="" height="" viewBox="0 0 100 100" 
style="enable-background:new 0 0 100 100;" xml:space="preserve" class="svg replaced-svg" 
preserveAspectRatio="xMinYMin meet"> 
    <path style="fill:#010101;" d="M93.262,75C97.547,67.639,100,59.131,100,50c0-27.612-22.388-50-50-50S0,22.388,0,50s22.388,50,50,50 c13.807,0,26.307-5.591,35.352-14.648l-8.85-8.85C69.715,83.301,60.34,87.5,50,87.5c-20.679,0-37.5-16.821-37.5-37.5 S29.321,12.5,50,12.5S87.5,29.321,87.5,50c0,4.443-0.854,8.691-2.283,12.646L85.119,62.5H75V25.135H50c-13.807,0-25,11.193-25,25 c0,13.806,11.193,25,25,25c5.737,0,10.962-2.015,15.186-5.262C67.456,72.9,70.923,75,75,75H93.262z M62.5,43.774v6.36 c0,6.896-5.615,12.5-12.5,12.5s-12.5-5.604-12.5-12.5c0-6.897,5.615-12.5,12.5-12.5h12.5V43.774z"> 
</path> 
</svg> 

有人能幫我解決這個問題嗎?

+1

上面的代碼在我的Chrome中運行得很好。例如,它是真的全部代碼還是包含在另一個HTML文件中? – Sirko 2014-10-01 05:51:14

回答

0

我通過設置高度和寬度爲100%使用CSS樣式解決了這個問題:

svg 
{ 
    height:100%; 
    width:100%; 
} 
0

如果有人想知道,與上面的代碼的問題是,它具有空的寬度和高度值,則需要或者:

  • 認沽有效widthheight

  • 從SVG

這就是它不會在Chrome和Chromium顯示的原因刪除width=""height=""