From 6ae3b13cdc7f12e5ca8136e03bebe55870fb76e8 Mon Sep 17 00:00:00 2001
From: Dan Buch <dan@meatballhat.com>
Date: Sun, 10 Feb 2013 18:22:52 -0500
Subject: [PATCH] More with canvas

---
 html5/canvas/mdn-tutorial.html | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)
diff --git a/html5/canvas/mdn-tutorial.html b/html5/canvas/mdn-tutorial.html
index e2d332e..48397f3 100644
--- a/html5/canvas/mdn-tutorial.html
+++ b/html5/canvas/mdn-tutorial.html
@@ -9,12 +9,15 @@
     </style>
   </head>
   <body>
-    <canvas id="tutorial" width="150" height="150">
+    <canvas id="tutorial0" width="150" height="150">
       hammer down
     </canvas>
+    <canvas id="tutorial1" width="150" height="150">
+      rabbit ears
+    </canvas>
     <script type="text/javascript">
-      function draw() {
-        var canvas = document.getElementById('tutorial');
+      function draw0() {
+        var canvas = document.getElementById('tutorial0');
         if (!canvas.getContext) {
           return;
         }
@@ -27,7 +30,22 @@
         ctx.fillRect(30, 30, 55, 50);
       }
 
-      window.addEventListener('load', draw, false);
+      function draw1() {
+        var canvas = document.getElementById('tutorial1');
+        if (!canvas.getContext) {
+          return;
+        }
+
+        var ctx = canvas.getContext('2d');
+        ctx.fillRect(25, 25, 100, 100);
+        ctx.clearRect(45, 45, 60, 60);
+        ctx.strokeRect(50, 50, 50, 50);
+      }
+
+      window.addEventListener('load', function() {
+        draw0();
+        draw1();
+      }, false);
     </script>
   </body>
 </html>
