html5的畫布canvas－畫出簡單的長方形、三角形實例程式碼_html5教學技巧

首先在html頁面放置一個canvas元素，其中canvas元素應該具備三個屬性ID、width、height。

複製程式碼

程式碼如下:

取得canvas物件並取得上下文var cxt=document.getElementById('demo').getContext("2d");其中參數2d是確定的。

開始繪製，有兩種形式，一種是描邊（fill），一種是填充（stroke）。

javascript代碼：

複製代碼

代碼如下:

效果圖：