javascript - 为什么我的拉斐尔笔触的宽度或不透明度不同？

Question

出于某种原因，我的笔画在我的图纸中没有显示为相同的宽度或不透明度。在下面的小提琴中，我假设矩形和路径都应该具有相同的笔画，但它们显然不同。我在我的项目中遇到了类似的问题，除了路径有宽的灰色笔划，而矩形有适当的瘦黑色笔划。有谁知道使笔划看起来像 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 - 完全填充单个像素。