动效片头的时间轴
用 Canvas 编写可暂停、拖动和循环预览的 12 秒片头。
为一个海洋纪录片制作 12 秒浏览器片头。0 到 3 秒展开等高线，3 到 8 秒绘出航线，8 到 12 秒显示片名与日期。用单个 HTML 文件和 Canvas 2D，提供播放、暂停、重播和时间滑块。渲染函数接收绝对时间，拖到任意时刻应得到相同画面。适配 16:9 和高像素密度，减少动态效果模式使用静帧。交付可运行 HTML 和预期关键帧说明。
用 Canvas 编写可暂停、拖动和循环预览的 12 秒片头。
为一个海洋纪录片制作 12 秒浏览器片头。0 到 3 秒展开等高线，3 到 8 秒绘出航线，8 到 12 秒显示片名与日期。用单个 HTML 文件和 Canvas 2D，提供播放、暂停、重播和时间滑块。渲染函数接收绝对时间，拖到任意时刻应得到相同画面。适配 16:9 和高像素密度，减少动态效果模式使用静帧。交付可运行 HTML 和预期关键帧说明。