一、Canvas上下文、畫線、畫矩形

一、創建標簽，獲取上下文

IMG_2641.PNG

二、畫線

IMG_2642.PNG

線寬、線的顏色

IMG_2643.PNG

畫多條不相連的線： beginPath()

IMG_2813.PNG
IMG_2814.PNG

自動閉合路徑：closePath()

IMG_2815.PNG

填充

IMG_2816.PNG

先填充、后描邊，否則描邊寬度的一半會被填充色覆蓋

IMG_2817.PNG

用畫線法：畫一個矩形

IMG_2824.PNG

Canvas提供的矩形API：

IMG_2825.PNG

例：先用畫線法畫一個紅色的矩形，再用Canvas提供的矩形API畫一個綠色的矩形

IMG_2826.PNG
IMG_2827.PNG

三、顏色的種類

IMG_2828.PNG

例：填充一個透明度為0.5的綠色

IMG_2829.PNG
IMG_2830.PNG

本章小結：

IMG_2831.PNG
IMG_2832.PNG
IMG_2833.PNG
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容