canvas画线有的粗有的细

canvas画线有的粗有的细

        事情是这样子的，上次博主做一个五子棋小游戏，想玩五子棋首先就得有棋盘啦。。然后我就循环横竖各画20条线，做出棋盘的样子。

        然而，画出来的线有的粗有的细，后来就度娘找原因。

       原来，canvas绘制线条是从中间向两边绘制的，比如说你定义x坐标为1，它会以1为中心，向左0.5像素，向右0.5像素，但是渲染时不支持小于0.5像素，所以会绘制成1像素，然后左边右边各1像素，你得到得就是双倍加粗版线条  O(∩_∩)O哈哈~

       解决方法：就是你把 x 的值加或者减0.5像素，这样它就可以完整渲染1像素了，希望对大家有帮助。