canvas画线有的粗有的细
事情是这样子的,上次博主做一个五子棋小游戏,想玩五子棋首先就得有棋盘啦。。然后我就循环横竖各画20条线,做出棋盘的样子。
然而,画出来的线有的粗有的细,后来就度娘找原因。
原来,canvas绘制线条是从中间向两边绘制的,比如说你定义x坐标为1,它会以1为中心,向左0.5像素,向右0.5像素,但是渲染时不支持小于0.5像素,所以会绘制成1像素,然后左边右边各1像素,你得到得就是双倍加粗版线条 O(∩_∩)O哈哈~
解决方法:就是你把 x 的值加或者减0.5像素,这样它就可以完整渲染1像素了,希望对大家有帮助。