THUNDERING YOUR SITE WITH CANVAS - HTML5 - page 268

contextNow.lineTo(46,38);
contextNow.closePath();
contextNow.stroke();
}
</ script >
< style type = ”text/css” >
body {
font-family:Verdana;
color:#000000;
}
</ style >
< title > Filtering Images </ title >
</ head >
< body onLoad = ”CanvasMaster.showCanvas()” >
<article>
<figure>
<canvas id = ”simpleDraw” width = ”90” height = ”80” > If you can identify the draw-
ing, you win a jillion dollars! Oh, I'm sorry . . . looks like you don't have an
HTML5 browser. </canvas>
<figcaption> < br />
Picasso Was Here </figcaption>
</figure>
</article>
</ body >
</ html >

272

Figure 13-11 shows what you can expect to see. (If you worked out the coordinates on your
own, yours probably looks better!)

Figure 13-11: Image drawn in canvas.