第 5 课 1 / 19 | 编码:L05-01
第 5 课 · 先看效果

Canvas 能做什么?

海报、图表、动画……下面的画面都是浏览器用代码现场画出来的,不是预先放好的图片。

01 · 合成海报 本课要完成的作品

黄梅戏分享会,周五19:00,A208;教学虚构活动。
当前:朱红

把形状、线条和文字组合成一张画面,也能加入照片。

02 · 绘制数据图表

唱腔24人、服饰18人、赏析30人;教学虚构数据。

把数值画成柱形,直观比较大小。数据为教学虚构。

03 · 制作动画与交互

连续重绘小球的位置,形成运动效果。

不断重画位置,形成动画;结合输入,还能制作小游戏。

本课从海报入手:确定坐标 → 绘制形状 → 添加图像与文字 → 安排遮挡顺序。动画作为用途展示。