用jQuery绘制网格SVG生成2px行而不是1px

我知道这不是引起这个问题的jQuery SVG库，但是当在整数x，y坐标上渲染水平或垂直SVG行时，行宽2像素而不是1像素。这可能与抗锯齿有关为了使它们固定，并画出一个完全为1px宽的线，我需要通过添加0.5px来调整坐标。

有没有办法得到1px厚的线，而不必像这样调整他们？

解决方法

解决问题的一个方法是应用一些CSS的行：

.thelines{
    shape-rendering:crispEdges
}

The spec chapter on shape-rendering property.

基本上它关闭了线路的抗锯齿，而不是直的水平或垂直的线可能看起来不太漂亮。

但是可能你最好坚持把.5添加到线的坐标，因为浏览器做的是他们所说的：线是在精确的坐标上，笔画是画在线的两边，这里的半像素和半像素那里。

原文地址：https://www.jb51.cc/jquery/181790.html