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

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

js代码:
图片描述

但是网页上显示出来却是这样
图片描述

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

阅读 3.4k
评论
    4 个回答

    @xiaoboost

    照你的改了 变成这样了。。
    图片描述

      相似问题
      推荐文章