html5画布上不正确的显示线宽=1

我举了一个例子： 但第一行不等于1像素：

---

我怎样才能解决这个问题？（浏览器Google Chrome）

始终在线条位置添加0.5像素，以防止消除锯齿

---

为了让生活更轻松，您可以将整个画布移动0.5倍：

var canvas=document.getElementById（“myCanvas”）；
var ctx=canvas.getContext（“2d”）；
ctx.translate（0.5,0.5）；//将画布移动0.5px以修复模糊

---

它可以防止除图像外的所有图形出现抗锯齿，因此您只能对图像使用+0.5px。

谢谢！我必须从x=0.5开始，而不是从1.0-1开始。这将删除奇数宽度的抗锯齿，但添加偶数宽度的抗锯齿。