調試！ SVG標誌和工具提示錯誤

我很新的編輯和嵌入SVG到網頁。我的客戶是一名平面設計師，所以他爲他的網站創建了一個svg徽標，並希望我將其嵌入到他的導航欄中。調試！ SVG標誌和工具提示錯誤

我也使用Bootstrap和作爲我使用引導工具提示的開發的一部分。但是，一旦我嵌入svg並通過viewbox編輯座標，我遇到了一個工具提示問題。

工具提示似乎是與這個特殊的標誌越野車。其餘的人都可以，但由於某種原因，我無法弄清楚如何解決這個問題。

我已經上傳的網站今天測試的目的，你可以看到這個問題上http://edizorac.com/

有問題的標誌是在導航欄上的第二個，你還可以看到我的代碼通過網上督察。

任何幫助/建議表示讚賞！

感謝提前:)

更新：

對不起，任何不便。 SVG的代碼如下：

<li> 
    <a href="#projects"> 
    <span> 
     <svg version="1.2" baseProfile="tiny" x="0px" y="0px" width="70px" height="60px" viewBox="50 40 90 120" data-toggle="tooltip" title="Projects"> 
      <polygon fill="none" stroke="#ffffff" stroke-miterlimit="10" points="33.493,81.046 96.934,46.112 88.647,82.874 57.203,117.371 52.946,86.674 99.573,74.629 81.325,117.276 37.909,101.254"/> 
      <polyline fill="none" stroke="#ffffff" stroke-miterlimit="10" points="96.451,81.928 114.361,106.172 112.365,112.871 82.791,113.852 "/> 
      <line fill="none" stroke="#ffffff" stroke-miterlimit="10" x1="95.854" y1="47.473" x2="37.909" y2="101.254"/> 
     </svg> 
    </span> 
    </a> 
</li>

來源

2015-10-15 Bkdev32

我建議你有一個read over this，也有look at this您SVG塊的第一線幫助您與SVG的

更改爲：

<svg version="1.2" baseProfile="tiny" x="0px" y="0px" width="40px" height="40px" viewBox="30 47 85 70" data-toggle="tooltip" title="" data-original-title="Projects">

你做了如下錯誤：

你有高度和寬度設置不當相比其他SVG的（你曾定義身高：你曾定義70像素60像素 &寬）
你的視框屬性設置不正確，因此元素沒有對齊正確

來源

2015-10-15 14:04:24

您不需要version或baseProfile，0是x，y的默認值，SVG中沒有title屬性，title是子元素。 –

@RobertLongson我只是在處理所給的東西。去網站，並取而代之的是他們的工作。 –

是的，但你的回答應該建議最佳實踐不應該嗎？ –

調試！ SVG標誌和工具提示錯誤

回答

相關問題