Canvas 绘制 1 px 直线模糊（非高清屏）的问题

引子

在 Canvas 显示模糊问题 中解决了在高清显示屏上模糊的问题，最近碰到了绘制直线的情况，使用了同样的方案，一开始觉得影响不大，但时间长了，发现非高清屏幕上，直线模糊的感觉越来越明显，就去找了下资料，进行了处理。

• Origin
• My GitHub

问题

这是问题重现页面。

在网上同样可以找同样的问题，从各种回答中，在 LET’S CALL IT A DRAW(ING SURFACE) 中找到较有说服力的解释：

把每一个像素想象为一个正方形。整数坐标（0，1，2…）是正方形的边。如果你在整数坐标之间绘制 1 像素的线，它将与相邻像素块的边重叠，生成的线将绘制两个像素宽度。

例如，如