canvas 學習（一）

<canvas id="cavans" width="200" height="100"></canvas>




</body>
<script>
window.onload = function(){
draw();
}
function draw(){
/*使用id 來尋找canvas 元素*/
var canvas = document.getElementById("cavans");
/*驗證canvas 元素是否存在，以及瀏覽器是否支持canvas元素*/
if(!canvas || ! canvas.getContext) return false; /*創建context 對象*/
var ss = canvas.getContext('2d');
/*畫一個紅色矩形*/
ss.fillStyle='#FF0000';
ss.fillRect(0,0,150,75);
}


</script>