Các bản vẽ HTML5 Canvas giống như các đường trông bị mờ

Để giải quyết vấn đề mờ, bạn cần chồng các pixel lên. Bạn có thể thay đổi giá trị thành -

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

Bạn cũng có thể đặt chiều cao và chiều rộng như thế này -

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

Bây giờ hãy đặt kích thước -

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