イメージ描画
PinファイルをHTML5で描画しようと思います。
Sample07.html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>Sample07.html</title> <script> function draw() { var canvas = document.getElementById("canvas1"); var c = canvas.getContext("2d"); var img = new Image(); img.src = "img/grand001.png"; c.drawImage(img, 0, 0); } </script> </head> <body onload="draw()"> <canvas id="canvas1" width="300" height="300"></canvas> </body> </html>
読み込み終了を待つことしてないので、場合によっては描画できないかもしれません