微信小程序开发 | API应用案例（下）

6.1【案例5】模拟时钟

6.1.1 案例分析

模拟时钟任务需求：

• 使用canvas绘制时钟，实现模拟时钟的功能。
• 钟表时间与系统时间保持一致，刻度将24小时制转化为12小时制。
• 绘制中心圆
• 绘制外层大圆
• 绘制分针、时针、秒针。

页面效果图：

6.1.2 前导知识

1. canvas组件（原生组件，默认宽高为300px*225px）
   canvas 常用属性：
   
   canvas用法：

• 创建canvas.wxml文件。