선과 같은 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";