articles

2010 年 4 月 30 日

HTML5 canvas一歩め

CATEGORYcanvasHTML5   TAG 1:25 AM

ちょっと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);
});