Illustrates how to load an image with a web page and draw it on a canvas.
javascript programming
exa_05_image
<html> <head> <title>Image Load and Draw</title> <script> function draw() { var img = document.getElementById("ell"); var canv = document.getElementById("canv"); var ctx = canv.getContext("2d"); ctx.drawImage(img,10,10); } </script> </head> <body onload="draw();"> <canvas id="canv" width="300" height="200" style="border:1px gray solid;"> </canvas> <div style="display:none;"> <img id="ell" src="../images/script_ell.png" /> </div> </body> </html>
