Question

编辑：正如评论者 Kaiido 指出的，问题是 Chrome 的一个错误，由一个非常小的模糊过滤器 + 缩放引起。下面的片段说明了重复的红线，而此时应该只有一条。

svg { zoom: 0.67 }

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1e3" height="1e3" viewBox="0 0 265 265">
  <filter id="filter2865-5" x="0" y="0" width="1" height="1" color-interpolation-filters="sRGB">
    <feGaussianBlur stdDeviation="0.005"/>
  </filter>
  <path d="M0,0 L265 265" stroke="red" filter="url(#filter2865-5)"/>
</svg>

我已经在几个不同的设备上复制了这个，但我只能在 Chrome 中导致它。 Firefox 似乎没有这个问题。

在某些缩放/调整大小级别，我的 SVG 具有奇怪的渲染伪像，例如 weird moved duplications of existing objects。 This does not happen at like 125% zoom

这里是 svg 文件：https://petsclub2.nfshost.com/img/oldruins_map.svg

如果有帮助，这个图片是在Inkscape中创建的，而且有很多复杂的对象/路径...

Chrome SVG 在某些尺寸下渲染不正确

0 个答案: