[]drawLine在WebGL下的问题

最近在研究简单的游戏算法之类的东西，在迷宫小游戏绘制地图的时候发现drawLine在WebGL模式下出现异常。废话不多少了直接上图：(目前只在chrome桌面浏览器上测试过，手机端没有问题)
1.正常情况下：


2.不正常的状态：




只要改变屏幕的大小就会出现错误（刷新页面也还是错误状态），出现的条件：1.webgl渲染，2.lineWidth为1的时候。
如果lineWidth大于1格子可以正常的绘制出来但是会发觉有些线粗有些细。
最后附上代码