2020年3月18日
今日任务
- 任务1:补全CanvasRenderingContext2D 对象
- 任务2:SVG
完成事项与步骤
任务1:补全CanvasRenderingContext2D 对象
- 步骤1:复习昨天写的相关内容
- 步骤2:线条宽度、线帽、线条链接
- 介绍
- lineWidth属性
- 介绍
- 代码
- 属性
- lineCap属性
- 介绍
- 代码
- 属性
- lineJoin属性
- 介绍
- 属性
- 代码
- 步骤3:坐标空间、转换
- 介绍
- translate()方法
- 介绍
- 参数
- 代码
- scala()方法
- 介绍
- 参数
- 代码
- rotate()方法
- 介绍
- 参数
- 代码
- 步骤4:组合
- 介绍
- 值
- 代码
- 步骤5:阴影
- 介绍
- shadowColor属性
- 介绍
- 值
- 代码
- shadowOffsetX属性
- 介绍
- 值
- 代码
- shadowOffsetY属性
- 介绍
- 值
- 代码
- shadowBlur属性
- 介绍
- 值
- 代码
- 具体案例
- 步骤6:保存图形状态
- 介绍
- save()方法
- 介绍
- 代码
- restore()方法
- 介绍
- 代码
- 步骤7:CanvasRenderingContext2D 对象的属性
- 步骤8:CanvasRenderingContext2D 对象的方法
未完成事项与原因
任务2:SVG
- 原因:任务1量有点庞大
明日计划
- 任务1:SVG