分类导航

CANVAS画时钟，重拾乐趣!

发布时间：2017年03月01日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

一、先来简单介绍画时钟需要的canvas知识

1.在HTML页面中添加canvas元素，必须定义canvas元素的id属性值以便接下来的调用。

HTML代码：

<canvas id="canvas" class="canvas" width="400" height="400" border:></canvas>

2.使用id寻找canvas元素，在js代码中使用document.getElementById()等方法获取id。

var canvas = document.getElementById("canvas");

3.通过canvas元素的getContext方法来获取其上下文（Context）,即创建Context对象，以获取允许绘画的2D环境。

var ctx = canvas.getContext("2d");

4.先来认识一下canvas的绘制方法。