<canvas> 標籤支援圖形的描繪功能,透過此繪圖物件支援的方法,經由 JavaScript 調用即可進行各種圖形的描繪工作,下表列舉幾個最基本的方法:
表列的方法成員支援所要描繪的線條與圖形定義工作,經過相關的設定之後,最後則調用 stroke() 方法將定義好的圖形描繪出來,另外請注意最後一個方法 fill() ,如果定義的圖形有封閉的區域,則當你調用 fill() 並指定所要使用的顏色,這個區域會以指定的顏色填滿。
方法成員
|
說明
|
beginPath()
|
開始線條圖形的描繪。
|
closePath()
|
結束線條圖形的描繪。
|
moveTo()
|
移至指定的座標點。
|
lineTo()
|
從目前的座標點到指定的座標點畫一條直線。
|
rect()
|
畫一個矩形。
|
stroke()
|
描繪圖形。
|
fill()
|
描繪圖形並以指定的顏色填滿封閉區域。
|
表列的方法成員支援所要描繪的線條與圖形定義工作,經過相關的設定之後,最後則調用 stroke() 方法將定義好的圖形描繪出來,另外請注意最後一個方法 fill() ,如果定義的圖形有封閉的區域,則當你調用 fill() 並指定所要使用的顏色,這個區域會以指定的顏色填滿。
沒有留言:
張貼留言