How to resize html canvas element?

Question

I have a canvas element defined statically in the html with a width and height. If I attempt to use JavaScript to resize it dynamically (setting a new width and height - eit

Answer 1

Note that if your canvas is statically declared you should use the width and height attributes, not the style, eg. this will work:

But this will not work: