The Canvas Element

Use id="drawingSurface" to lookup the canvas, then get our context to draw on it.

 12             <div class="canvasFigure">
 13               <span   class="topCoordinate">(0,1)</span>
 14               <!--A blank area we can draw on with Javascript. -->
 15               <canvas id="drawingSurface" width="300" height="300"></canvas>
 16               <span   class="lowerLeftCoordinate">(-1,-1)</span>
 17               <span   class="lowerRightCoordinate">(1,-1)</span>
 18             </div>

(0,1)

(-1,-1) (1,-1)

The Canvas Element

Notes