Canvas 1
This presentation is the property of its rightful owner.
Sponsored Links
1 / 6

Canvas 实例 1- 时钟 PowerPoint PPT Presentation


  • 198 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Canvas 1

Canvas实例1-时钟

主讲:丛浩

@LAMP兄弟连丛浩

[email protected]


Canvas 1

本章概要

  • 分析时钟的组成

  • 分析需要的canvas技术

  • 动手操作。

  • 美化时钟


Canvas 1

效果图预览


Canvas 1

时钟的组成

  • 表盘(蓝色)

  • 刻度(黑色)

  • 时针(黑色)

  • 分针(黑色)

  • 秒针(红色)需美化


Canvas 1

主要应用的技术

  • Canvas画线

  • Canvas画圆

  • 笔触修改和填充笔修改

  • 角度旋转

  • JS部分对象和方法(Date对象和setInterval)


Canvas 1

课程结束


  • Login