一、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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容