What is the default height and width of the canvas element?

What is the default height and width of the canvas element?

• A. 300 (h) x 150 (w)
• B. 100 (h) x 200 (w)
• C. 200 (h) x 400 (w)
• D. 150 (h) x 300 (w)

Answer: (D)

Canvas elements start with a drawing surface that is 300 pixels wide and 150 pixels tall. So the default height is 150 and the default width is 300, which is why the correct option shows 150 (h) x 300 (w). If you only change the size with CSS, the actual drawing surface stays at 300 by 150 unless you also adjust the width and height attributes, which can cause the rendered content to scale and appear blurry.

Canvas elements start with a drawing surface that is 300 pixels wide and 150 pixels tall. So the default height is 150 and the default width is 300, which is why the correct option shows 150 (h) x 300 (w). If you only change the size with CSS, the actual drawing surface stays at 300 by 150 unless you also adjust the width and height attributes, which can cause the rendered content to scale and appear blurry.