How can I scale the HTML5 canvas without making it blurry?

Question

I have created a canvas using the following markup:

Now, if I specify width and

Answer 1

Canvas CSS properties do not resize canvas, they rescale it.
You may simply change the properties with your JS:

$("#canvas")
    .prop("width", window.innerWidth)
    .prop("height", window.innerHeight);