畫在畫布上使用JavaScript
在所有的HTML畫布必須用JavaScript來實現繪圖：
例
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,150,75);
</script>
試一試» 步驟1：找到canvas元素
首先，你必須找到<canvas>元素。
這是通過使用HTML DOM方法完成getElementById()
var canvas = document.getElementById("myCanvas");
第2步：創建一個圖形對象
其次，你需要為畫布圖形對象。
所述getContext()是一個內置的HTML對象，與圖紙的屬性和方法：
var ctx = canvas.getContext("2d");
步驟3：畫在畫布上
最後，你可以畫在畫布上。
將圖形對象，以紅色的填充樣式：
ctx.fillStyle = "#FF0000";FillStyle屬性可以是CSS顏色，漸變或圖案。 默認填充樣式是黑色的。
該fillRect( x,y,width,height )方法繪製一個矩形，填充填充樣式，在畫布上：
ctx.fillRect(0,0,150,75);