javascript - 拉斐尔矩形边框

Question

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

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

Answer 1

矩形的顶部和左侧边框使用默认的 1 像素笔画宽度，正好落在 SVG 元素的顶部和左侧边框（由 Raphaelpaper对象表示。与基于像素的绘图解决方案相反，这意味着line 本质上是跨越元素的边框，导致边框笔划的 0.5 像素被剪裁。

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

这是一个显示一种解决方案的小提琴。

Answer 2

广场对我来说很好：http: //jsfiddle.net/cMXBC/2/

你能在某个地方有一些流氓 css 来修改矩形的笔划吗？尝试右键单击正方形并在 Firebug 中检查矩形或使用 Chrome 检查器查看是否添加了任何样式。