包含在頁面中時SVG圖標看起來不同

我想在我的頁面中顯示this svg（這是一個下載鏈接）。我是這樣做的：包含在頁面中時SVG圖標看起來不同

<img alt="logo" src="/assets/logo.svg">

不過這是結果：

enter image description here

我周圍有中心圈那些難看的線，但它們不存在，當我打開SVG文件。

這是一個瀏覽器的錯誤？

2014-07-18 Gpx

你在圖像本身有空白。 – Awesomestvi

這是透過縫隙滲透的背景色。如果您熟悉打印，則需要對顏色填充進行一些陷印。使路徑重疊一點。 – Duopixel

我在Firefox，Chrome，Opera和IE中運行svg;但每個瀏覽器似乎都有這些差距，但它們的大小不同;所以我認爲，渲染可能不會在您的映像的標準中明確定義。 – quant

這就是所謂的抗鋸齒，所有瀏覽器都將它們混合在一起。可以通過將shape-rendering =「crispEdges」或形狀呈現：crispEdges設置爲CSS樣式來禁用它。

你的兩個形狀可以做這個設置，圓上面的多邊形和它下面的路徑。

2014-07-18 16:27:54

回答