学习canvas,作为基本的文档:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/modernizr.js" type="text/javascript" charset="utf-8"></script>
<script src="js/rect.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<canvas id="canvasOne" width="640" height="500">
You browser does not support HTML5 Canvas
</canvas>
</body>
</html>
js基本文档:
window.addEventListener("load", eventWindowLoaded, false);
function eventWindowLoaded(){
canvasApp();
}
//检测是否支持canvas
function canvasSupport(){
return Modernizr.canvas;
}
function canvasApp(){
if(!canvasSupport()){
return;
}
var canvas = document.getElementById('canvasOne');
var context = canvas.getContext('2d');
//可变内容
}
Ok,开始html canvas的学习旅程~