Which DOM method is used by the canvas element to return a context object, which provides properties and methods that can be used to draw and manipulate images on the canvas?

Which DOM method is used by the canvas element to return a context object, which provides properties and methods that can be used to draw and manipulate images on the canvas?

• A. createContext()
• B. getContext()
• C. returnContext()
• D. obtainContext()

Answer: (B)

The key idea is how you get a drawing surface to work with on the canvas. To draw, you first obtain a rendering context from the canvas. The method used for this is getContext. When you call it with a type like "2d" (or "webgl"), it returns a context object that exposes all the drawing and image manipulation methods you’ll use, such as beginPath, moveTo, lineTo, fill, stroke, and drawImage. For example, you’d write something like: const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); ctx.fillStyle = 'blue'; ctx.fillRect(20, 20, 100, 100). The other suggested names aren’t part of the canvas API, and there’s no need for any other method to access the drawing context.

The key idea is how you get a drawing surface to work with on the canvas. To draw, you first obtain a rendering context from the canvas. The method used for this is getContext. When you call it with a type like "2d" (or "webgl"), it returns a context object that exposes all the drawing and image manipulation methods you’ll use, such as beginPath, moveTo, lineTo, fill, stroke, and drawImage. For example, you’d write something like: const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); ctx.fillStyle = 'blue'; ctx.fillRect(20, 20, 100, 100). The other suggested names aren’t part of the canvas API, and there’s no need for any other method to access the drawing context.