如何消除SVG图层左侧的反锯齿或混合？

Question

对不起，颜色鲜艳，但它最清楚地表明与这种组合混合不好。

在内圈的左侧，有一条黑线，蓝色与红色相遇。但是在内圈的右半边，没有。这发生在Chrome，FF和IE11中。

任何想法为什么？

<svg viewBox="0 0 500 500" width="500" height="500"> 
 
    <circle fill="red" cx="250" cy="215" r="165"/> 
 
    <circle fill="#2994FF" cx="250" cy="215" r="100"/> 
 
</svg>

图片版本：

Answer 1

你认为你所看到的是不是真正的。这是一种主要由两种颜色之间的对比度变化造成的视错觉。从黑暗到光明，然后从黑暗到明亮。

subpixels on your monitor的布局也可能有所贡献 - 我不确定。

如果我们创建两个边相邻的放大版本，您应该看到那些强烈的黑暗和光明边界实际上并不存在。