Join the discussion
Question 7/24
Which JavaScript method is used to draw a circle on a canvas?
Correct Answer: C
The correct method is arc(). In the Canvas 2D API, circles and circular arcs are drawn by creating an arc path on the canvas rendering context. MDN defines CanvasRenderingContext2D.arc() as creating a circular arc centered at (x, y) with a specified radius, start angle, end angle, and drawing direction. To draw a full circle, the common pattern is to call beginPath(), then arc(x, y, radius, 0, 2 * Math.PI), and then use stroke() or fill() to render the path. There is no standard Canvas 2D method named circle(), so option A is invalid. ellipse() can draw ellipses and can mathematically draw a circle if both radii are equal, but the classic and exam-targeted method for drawing a circle is arc(). bezierCurveTo() draws cubic Bezier curves and is used for custom curved paths, not the direct circle primitive. References/topics: Canvas 2D context, arc() method, drawing circles, radians, path rendering.
Add Comments
- Other Question (24q)
- Q1. You need to correctly apply a style rule for screen devices with a width of 480 pixels or ...
- Q2. You define the Pet class as follows: class Pet { constructor(name, breed) { this.name = na...
- Q3. You need to identify the form elements. Move the appropriate semantic elements from the li...
- Q4. You are given the design for an app. The project manager asks you to outline the steps you...
- Q5. Which two CSS segments are valid filter properties? Choose 2....
- Q6. Which two functions support 2D transformations in CSS3? Choose 2....
- Q7. Which JavaScript method is used to draw a circle on a canvas?...
- Q8. You need to define a grid that meets the following requirements: * Explicitly sets the wid...
- Q9. The ctx variable is the context of an HTML5 canvas object. What does the following HTML ma...
- Q10. You create an interface for a touch-enabled application. Some input buttons do not trigger...
- Q11. Which three events are valid for the HTML canvas element? Choose 3....
- Q12. Which CSS property defines the sides of an element where other floating elements are not a...
- Q13. A local photographer asks you to add filters as shown to the images in their photo gallery...
- Q14. You create an interface for a touch-enabled application. You discover that some of the inp...
- Q15. You need to complete the code for a registration form that must meet the following criteri...
- Q16. Which two code segments declare a JavaScript method? Choose 2....
- Q17. Review the markup segment. Which entry will validate successfully according to the require...
- Q18. You need to create the following form: (Exhibit) Complete the code by selecting the correc...
- Q19. You want to position a specific element so that it always directly follows the previous el...
- Q20. Move the appropriate attributes from the list on the left to the correct descriptions on t...
- Q21. You need to contain overflowing text inside the element ' s border without creating unneed...
- Q22. Match each property to its corresponding value for creating the CSS flexible box layout. M...
- Q23. Identify the filter applied to each image. Complete the markup by selecting the correct op...
- Q24. You write the following JavaScript code. Line numbers are included for reference only. 01 ...
