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

Question

想用canvas画个15x15的棋盘。。js代码：但是网页上显示出来却是这样可以看到中间的线明显要比四周的边框粗。。问了度娘和谷歌，，貌似是因为canvas绘1px的直线就会出现这种问题，，很多地方说的解决办法是把坐标+0.5，但是试了下并不行啊。。有啥好的办法解决这个问题么