2010 年 4 月 30 日
HTML5 canvas一歩め
ちょっとhtml5ってみました。
初めてなのでdoctypeやmetaもあわせていってみます。
ローカル環境でうごかせるようにjQueryはダウンロードしてきてます。
head内にスクリプトを書くとcanvasタグがねえよっていわれるので
jQuery.ready()でDOMツリー完了後に書いてます(onloadつかえばいいのに)。
それだけのためのjQueryです、今回は。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>fillRect <script type = "text/javascript" src = "../../jQuery/jquery-1.4.2.min.js"> <script type = "text/javascript" src = "fillRect.js"> </head> <body> </body> </html>
fillRect.js
$(function(){ var canvas=document.getElementById("canvas1"); var context=canvas.getContext("2d"); context.fillRect(0,0,150,100); });