如何用JavaScript和canvas制作一个动态时钟组件？

本文共计1200个文字，预计阅读时间需要5分钟。

canvas是前端开发中不可或缺的绘图元素，常用于绘制各种图形，如压缩上传的图片、切割卡片、制作海报、图表插件等。许多人在面试过程中也会被问到是否接触过canvas。

canvas一直是前端开发中不可或缺的一种用来绘制图形的标签元素，比如压缩上传的图片、比如刮刮卡、比如制作海报、图表插件等，很多人在面试的过程中也会被问到有没有接触过canvas图形绘制。

定义

canvas元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成。
canvas标签只是图形容器，您必须使用脚本来绘制图形。

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持

那么本篇文章就通过一个时钟组件来熟悉使用一下关于canvas的api。