1 / 6

Canvas 实例 1- 时钟

Canvas 实例 1- 时钟. 主讲：丛浩 @LAMP 兄弟连丛浩 conghao@lampbrother.net. 本章概要. 分析时钟的组成 分析需要的 canvas 技术 动手操作。 美化时钟. 效果图预览. 时钟的组成. 表盘 ( 蓝色 ) 刻度 ( 黑色 ) 时针 ( 黑色 ) 分针 ( 黑色 ) 秒针 ( 红色 ) 需美化. 主要应用的技术. Canvas 画线 Canvas 画圆 笔触修改和填充笔修改 角度旋转 JS 部分对象和方法 (Date 对象和 setInterval ). 课程 结束.

erik
Download Presentation

Canvas 实例 1- 时钟

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Canvas实例1-时钟 主讲：丛浩 @LAMP兄弟连丛浩 conghao@lampbrother.net

  2. 本章概要 • 分析时钟的组成 • 分析需要的canvas技术 • 动手操作。 • 美化时钟

  3. 效果图预览

  4. 时钟的组成 • 表盘(蓝色) • 刻度(黑色) • 时针(黑色) • 分针(黑色) • 秒针(红色)需美化

  5. 主要应用的技术 • Canvas画线 • Canvas画圆 • 笔触修改和填充笔修改 • 角度旋转 • JS部分对象和方法(Date对象和setInterval)

  6. 课程结束

More Related