一、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