Example: Drawing rectangles and arcs and adding text

Using the example as a model, try drawing some half-circles and other arcs, and try placing elements at different locations on the canvas.

Note:

Hints:

  • undefined
1
2
var myCanvas = document.getElementById("thecanvas");
var context = myCanvas.getContext("2d");
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
<!DOCTYPE html>
<html lang="en">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX