Question

当我使用以下代码绘制一个简单的矩形时，底边和右边的边框比顶边和左边的边框更粗。为什么这样，我可以阻止它吗？

var paper = Raphael(10, 50, 500, 500);
var rect = paper.rect(100, 100, 100, 100);

Answer 1

您的矩形的左上边框和左边框使用默认的1像素笔触宽度，正好落在SVG元素的顶部和左边框上（由Raphael paper对象表示。基于像素的绘图解决方案，这意味着该线基本上跨越了元素的边界，导致边界笔划的0.5像素被剪裁。

要解决此问题，您只需将绘图移动或移动SVG元素坐标的起始偏移。

这是一个显示one solution的小提琴。

Answer 2

你可以在某处改变直肠中风的流氓css吗？尝试右键单击正方形并在Firebug中检查矩形或使用Chrome检查器查看是否有任何样式已添加。