像线条一样的HTML5 Canvas绘图看起来模糊

要解决模糊问题,您需要重叠像素。您可以将值更改为-

context.moveTo(20.5, 0);
context.lineTo(20.5, 50);

您还可以像这样设置高度和宽度-

canvas1 = document.getElementById(‘canvas');
canvas1.width = 250;
canvas1.height = 250;

现在设置大小-

canvas1.style.width = "100px";
canvas1.style.height = "100px";