由于某些原因,我的笔画在我的图纸中没有显示为相同的宽度或不透明度。在下面的小提琴中,我会假设矩形和路径都应该具有相同的笔划,但它们明显不同。我在我的项目中遇到了类似的问题,除了路径有宽灰色笔划和矩形有适当的黑色。有没有人知道重置使得笔划看起来像1px黑色笔划而不是这些稍微透明模糊的2px笔划?
这是我的代码(jsFiddle):
var paper = Raphael(0,0,200,200);
paper.rect(0,0,50,50);
paper.path("M0,0,200,200");
答案 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");
想象一下你的盒子顶边的线条,从(0,0)到(0,50)和1像素宽。发生的事情是你的笔划是以这条线为中心绘制的 - 线条上方半个像素,下方半个像素,因此模糊。线宽的范围从-0.5到+0.5。
如果设置偏移量为0.5,则线宽现在从0变为1 - 准确填充单个像素。