2014-02-26 103 views
0

我试图将笔划opacity设置为1以避免双线上的颜色变暗。小提琴示例hereRaphaelJS笔画不透明度

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

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

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


编辑:

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

前:                                                                         后:

beforeafter

回答

3

那不是不透明,它的抗锯齿你遇到。

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函数设置形状渲染,因此您必须解决该问题。

+0

添加0.5固定的问题,但我有点需要2px线,并添加''stroke-width':'2''后我有几乎相同的问题:https://dl.dropboxusercontent.com/s/sugaodax9u7q578/example .jpg - 水平线“更强”,因为它在顶部重复。 – Vaidas

+0

@Vaidas然后使用CSS属性。但是,请注意,它会使对角线看起来更加锯齿。示例:http://jsfiddle.net/AG6k3/3/将鼠标悬停在图上以查看效果。 – AmeliaBR

+0

谢谢你们,实际上已经尝试过'形状渲染:crispEdges',它非常完美。太糟糕了,我没有尝试过,在第一次尝试。编辑问题。 – Vaidas