Which element is used to create a drawable region for 2D graphics via JavaScript?

Which element is used to create a drawable region for 2D graphics via JavaScript?

• A. <svg>
• B. <video>
• C. <footer>
• D. <canvas>

Answer: (D)

The drawable area for 2D graphics in JavaScript is the canvas element. It provides a bitmap surface you can draw onto using JavaScript, typically by getting its 2D drawing context with something like getContext('2d') and issuing drawing commands for lines, shapes, text, images, and animations. This immediate-mode surface is designed specifically for programmatically rendering 2D graphics. SVG is also a way to render 2D graphics with JavaScript, but it’s built from DOM elements and uses vector-based drawing, which is a different approach. The other options aren’t drawing surfaces: video is for media playback, and footer is just a page section.

The drawable area for 2D graphics in JavaScript is the canvas element. It provides a bitmap surface you can draw onto using JavaScript, typically by getting its 2D drawing context with something like getContext('2d') and issuing drawing commands for lines, shapes, text, images, and animations. This immediate-mode surface is designed specifically for programmatically rendering 2D graphics.

SVG is also a way to render 2D graphics with JavaScript, but it’s built from DOM elements and uses vector-based drawing, which is a different approach. The other options aren’t drawing surfaces: video is for media playback, and footer is just a page section.