HTML5 canvas一歩め

2010年04月30日（金）

ちょっと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>
test
</body>
</html>

fillRect.js

$(function(){
	var canvas=document.getElementById("canvas1");
	var context=canvas.getContext("2d");
	context.fillRect(0,0,150,100);
});

Tags: , ,
カテゴリ:HTML5, canvas | Comments Closed

関連記事