HTML5 Canvas Tutorials
HTML5のCanvasがいちから学べるチュートリアル
スポンサードリンク
スタートは下記のテンプレートの説明から入り、
[php]
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
// do stuff here
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200">
</canvas>
</body>
</html>
[/php]
Canvas内の図形やテキストの書き方、からKineticJSの使い方、
WebGLの3D描写まで広く取り扱っています。