Web前端技术
第 5 课 | 编码:L05-IDX
单元五:使用HTML5绘制图形(2学时)
Canvas:画布、基本图形、图像与文字
共 19 页。选择主题开始学习,也可按顺序浏览。
01 · Canvas 能做什么?先看效果
02 · 海报是怎样画出来的?
03 · Canvas 是像素画布
04 · 坐标系与 2D 上下文
05 · 矩形与颜色
06 · 路径、线段与圆弧
07 · 状态、保存与恢复
08 · 绘制图像
09 · 绘制文字
10 · 绘制顺序就是遮挡顺序
11 · 语法与规则速查
12 · 观察与体验:代码的运行效果
13 · 只用 CSS 放大画布,会发生什么?
14 · restore 会撤销已经画出的矩形吗?
15 · 先画背景还是先写标题?
16 · AI 画出的海报,需要检查什么?
进阶 · 先在另一块画布上画,再合成
18 · 课后分析
19 · 本课小结
← 课程主页
个人主页
开始讲解 →