The Canvas Element

• The canvas element works like a div.
• Has width and height attributes.
• Use the JavaScrit getContext to get the context on which to draw.

<div>
<script type="text/javascript">
  function draw(){
  var canvas = document.getElementById('tutorial');
  if (canvas.getContext){
  var ctx = canvas.getContext('2d');
  }
  }
</script>
<canvas style="border: 1px solid black" 
         id="tutorial" width="150" height="150"></canvas>
</div>