为什么svg填充颜色在chrome中表现得很奇怪？

Question

更新：

原来这是a bug in Chrome并且已在Chrome Canary中修复。 您可以通过安装Chrome Canary进行测试，也可以等到Chrome更新。

旧问题：

这是一个使用CSS填充颜色的简单SVG路径：

svg {
    fill: rgb(122, 102, 50);
}

<svg viewBox="0 0 1000 600" class="card-cover" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path d="M 100 300 C 400 300 350 200 500 200 L 500 200 C 650 200 600 300 850 300 Z" />
</svg>

我期待的是 - 颜色为rgb(122, 102, 50)。但是，结果如下：

正如你所看到的那样，有2个不同颜色的区域，每个区域都与我的期望略有不同：

为什么会发生这种情况，我可以解决这个问题吗？