Which DOM method is used by the <canvas> element to return a context object that provides drawing capabilities?

Which DOM method is used by the <canvas> element to return a context object that provides drawing capabilities?

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

Answer: (D)

Canvas exposes a method to obtain the drawing context, which is the object that provides all the drawing capabilities. You call this method with the type of context you want, most commonly '2d'. So a typical call is canvas.getContext('2d'), which returns a CanvasRenderingContext2D object you use to draw shapes, text, images, and more. If the requested context type isn’t supported, it returns null. The other option names aren’t part of the standard canvas API, so they don’t exist as valid methods. For example, you might write: var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = 'blue'; ctx.fillRect(10, 10, 100, 50);

Canvas exposes a method to obtain the drawing context, which is the object that provides all the drawing capabilities. You call this method with the type of context you want, most commonly '2d'. So a typical call is canvas.getContext('2d'), which returns a CanvasRenderingContext2D object you use to draw shapes, text, images, and more. If the requested context type isn’t supported, it returns null. The other option names aren’t part of the standard canvas API, so they don’t exist as valid methods. For example, you might write: var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = 'blue'; ctx.fillRect(10, 10, 100, 50);