特牛网址导航

H5中的canvas完成动态时钟-CSDN博客

网友收藏
文章浏览阅读113次。首先需要在body中绘制一个画布,然后在画布上绘制时钟,绘制时钟主要用到了绘制圆形,因为时钟是有刻度的,所以还会用到数组遍历,然后还要获取当前时间,所以会用到一些date的API;效果图:绘制画笔和圆盘,以及绘制刻度和每个刻度对应的弧度绘制时针,分针,秒针,圆心获取当前时间作为参数传给函数,设置定时器,每隔一秒调用一次总结:..._h5 绘制时钟 使时针、分针、秒针能够随着系统时间变化而变化