平滑重叠的笔触边缘

Question

我正在使用Raphael绘制弧线，如下图所示：

Z-index顺序从最低到最高：灰色，蓝色，绿色。 灰色和蓝色弧都从顶部开始，绿色弧开始。

有没有办法改善边缘？特别是绿色的蓝色。

谢谢。

Answer 1

我担心你无能为力。如何渲染形状取决于查看器（浏览器，图像查看器或导入应用程序）。您可以使用rendering properties进行游戏，看看这是否会带来改进，但我相信几乎没有任何SVG实现支持它们。

Answer 2

我不确定你的意思，很难知道你是如何在没有raphael代码的情况下制作图像的。你在谈论绿弧的外边缘略微超出蓝弧外缘的方式吗？我会检查两条路径的角点是否相同，并在路径计算中包含笔划宽度。

也许您可以尝试将笔划宽度减小到0以使事情变得更容易。

Answer 3

问题是你重叠了形状。这会导致一些颜色从下面溢出。要解决此问题，您需要启动前一个弧结束的每个弧。

你可能会得到非常微弱的间隙，这可以通过对每个弧施加1px笔划来轻松解决。