RaphaelJS笔触不透明

Question

我尝试将笔画opacity设置为1以避免重复线条上的颜色变暗。小提琴示例here。

var paper = Raphael(0, 0, 400, 400);

paper.path('M10 20 L100 20');
paper.path('M50 20 L100 20');

我每次都需要有相同的颜色。

---

修改

感谢Robert Longson - 我得到了解决方案。

之前：之后：

Answer 1

这不是不透明，它是你遇到的抗锯齿。任

a）在坐标上加0.5，例如

paper.path('M10 20.5 L100 20.5');
paper.path('M50 20.5 L100 20.5');

或b）关闭抗锯齿，例如将此添加到您的CSS

path {
    shape-rendering:crispEdges
}

请注意，Raphael将阻止您通过attr函数设置形状渲染，因此您必须解决这个问题。