包含在页面中时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

回答