javascript - 为什么我的 Raphael 笔画不具有相同的宽度或不透明度？

Question

出于某种原因，我的笔画在我的绘图中没有显示为相同的宽度或不透明度。在下面的 fiddle 中，我假设矩形和路径应该具有相同的笔划，但它们明显不同。我在我的项目中遇到了类似的问题，除了路径具有宽灰色笔划并且矩形具有适当的瘦黑色笔划。有谁知道使笔划看起来像 1px 黑色笔划而不是这些略微透明的模糊 2px 笔划的重置方法？

这是我的代码(jsFiddle):

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

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

Answer 1

将零更改为 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 - 精确填充单个像素。