canvas一直是前端开发中不可或缺的一种用来绘制图形的标签元素,比如压缩上传的图片、比如刮刮卡、比如制作海报、图表插件等,很多人在面试的过程中也会被问到有没有接触过canvas图形绘制。定义canvas元素用于图形的绘制,通过脚本 来完成。浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持那么本篇文章就通过一个时钟组件来熟悉使用一下关于canvas的api。只要心中有丘壑,就能耕出二亩田!canvas时钟用到了canvas中大部分的api,通过学习canvas时钟的代码实现,很能了解canvas的属性和方法,同时,实现时钟效果时,用到了数学中的几何模型正弦sin和余弦cos以及弧度的计算方法,又重温了一把当年学数学时的许多乐趣,可谓是一举两得。

js基于canvas实现时钟组件

js基于canvas实现时钟组件

js基于canvas实现时钟组件

js基于canvas实现时钟组件

js基于canvas实现时钟组件