html canvas绘制1px直线时出现的模糊问题。。线的粗细不同是bug么?

Question

想用canvas画个15x15的棋盘。。

js代码：

但是网页上显示出来却是这样

可以看到中间的线明显要比四周的边框粗。。
问了度娘和谷歌，，貌似是因为canvas绘1px的直线就会出现这种问题，，
很多地方说的解决办法是把坐标+0.5，但是试了下并不行啊。。
有啥好的办法解决这个问题么