3.1 HTML5的Canvas元素

canvas元素的外觀與img元素相似，但是沒有img元素的src屬性和alt屬性。canvas元素的height屬性和width屬性分別用來設置畫布的高度和寬度，單位是像素（px）。默認的畫布高度是150px、寬度是300px。id屬性為canvas元素的標識，在JavaScript腳本中需要根據id值來尋找canvas元素。<canvas>標簽必須成對使用。默認的canvas元素在頁面上會顯示一塊空白的沒有邊框的矩形。可以通過CSS來設置canvas元素的外觀，例如，canvas.html，為canvas元素添加一個實心的邊框，寬度為3px。

canvas.html：

canvas.html的顯示效果如圖3-1所示。

圖3-1 canvas元素在Chrome瀏覽器中的顯示效果