【加強網(wǎng)站建設(shè)】南寧網(wǎng)站建設(shè)公司，南寧網(wǎng)站設(shè)計，南寧網(wǎng)站制作
【加強網(wǎng)站建設(shè)】南寧網(wǎng)站建設(shè)公司，南寧網(wǎng)站設(shè)計公司，南寧網(wǎng)站制作公司，南寧網(wǎng)站建設(shè)，南寧網(wǎng)站設(shè)計，南寧網(wǎng)站制作
5.4 canvas繪圖
HTML5的<canvaS>JL素有一個基于JavaScript的繪圖API，在頁面上放置-個<canvas>元素就相當(dāng)于在頁面上放置了一塊“畫布”，可以在其中進(jìn)行圖形的描繪。<canvas>兀素?fù)碛卸喾N繪制路徑、矩形、圓形、字符以及添加圖像的方法，設(shè)計者可以控制其每個像素。
5.4.1 創(chuàng)建<canvas>兀系
<canvas>7L素的主要屬性包括畫布寬度屬性width和高度屬性height，單位是像素。向頁
面中添加<canvas>元素的語法格式為：
<canvas id="畫布標(biāo)識”width="畫布寬度”height=”畫布高度”>
</canvas>
<canvas>元素看起來很像<1mg>標(biāo)簽，唯一不同就是它不含src和alt屬性。如果不指定width和height屬性值，默認(rèn)的畫布大小是寬300像素，高150像素。
例如，創(chuàng)建一個標(biāo)識為myCanvas，寬度為200像素，高度為100像素的<canvas>元素，代碼如下：
<canvas id=’’myCanvas”width=”200”height=”100”><／canvas>
5.4.2構(gòu)建繪圖環(huán)境
大多數(shù)<canvas>繪圖API都沒有定義在<canvas>元素本身上，而是定義在通過畫布隱getContext()方法獲得的一個“繪圖環(huán)境”對象上。getContext()方法返回一個用于在畫布上繪圖的環(huán)境，其語法如下：
canvas.getContext(contextID)
其中，參數(shù)contextID指定了用戶想要在畫布上繪制的類型。2D即二維繪圖，這個方法返回一個上下文對象CanvasRenderingContext2D，該對象導(dǎo)出一個二維繪圖API。
