前端可视化基于Canvas的迷你时钟

该时钟基于Canvas实现充分利用了Canvas2D绘图API的优势让前端可视化技能更上一层楼同时它是浏览器提供的一种可以直接用代码在一块平面的画布上绘制图形的API使用它来绘图更像是传统的编写代码简单来说就是调用绘图指令然后引擎直接在页面上绘制图形.这是一种指令式的绘图系统.Canvas和SVG的使用也不是非此即彼的它们可以结合使用.因为SVG作为一种图形格式也可以作为image元素绘制到Canvas中.举个例子我们可以先使用SVG生成某些图形然后用Canvas来渲染.这样我们就既可以享受SVG的便利性又可以享受Canvas的高性能了.