This post will cover the steps required to draw a traditional Dartboard using HTML5’s canvas. The final product produces the following rendered board.
To tackle this task one’s thought process was to picture how one would draw a dartboard using layers. In theory you would start by drawing the black circle that forms the base of the board. Followed by the alternating black and while pie sections. The double and treble arcs would then be placed accordingly, followed by the outer-bull and bulls-eye circles. And finally, the wire-works between the pie sections and lettering on the outer ring.