为什么我的raphael笔画没有相同的宽度或不透明度?

时间:2012-11-26 14:08:27

标签: javascript raphael

由于某些原因,我的笔画在我的图纸中没有显示为相同的宽度或不透明度。在下面的小提琴中,我会假设矩形和路径都应该具有相同的笔划,但它们明显不同。我在我的项目中遇到了类似的问题,除了路径有宽灰色笔划和矩形有适当的黑色。有没有人知道重置使得笔划看起来像1px黑色笔划而不是这些稍微透明模糊的2px笔划?

这是我的代码(jsFiddle):

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

paper.rect(0,0,50,50);
paper.path("M0,0,200,200");​

1 个答案:

答案 0 :(得分:4)

将零更改为0.5:

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

paper.rect(0.5,0.5,50,50);
paper.path("M0,0,200,200");​

http://jsfiddle.net/H4xyX/

想象一下你的盒子顶边的线条,从(0,0)到(0,50)和1像素宽。发生的事情是你的笔划是以这条线为中心绘制的 - 线条上方半个像素,下方半个像素,因此模糊。线宽的范围从-0.5到+0.5。

如果设置偏移量为0.5,则线宽现在从0变为1 - 准确填充单个像素。