2014-02-26 133 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