页面中包含SVG图标看起来不同

Question

我想在我的页面中显示this svg（这是一个下载链接）。我这样做：

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

但这是结果：

我在中央圆圈周围有那些丑陋的线条但是当我打开SVG文件时它们不存在。

这是一个浏览器错误吗？

Answer 1

它被称为抗锯齿，所有浏览器都可以将形状混合在一起。可以通过设置shape-rendering =＆＃34; crispEdges＆＃34;来禁用它。或shape-rendering：crispEdges作为CSS样式。

你的两个形状可以用这个集合，圆形上方的多边形和它下面的路径。