Canvas drawings, like lines, are blurry

Question

I have a

and canvas, which is drawn using:

context.lineWidth = 1;
context.strokeStyle = \"gray\         


        

Answer 1

I found that setting the canvas size in CSS caused my images to be displayed in a blurry manner.

Try this:

as per my post: HTML Blurry Canvas Images