canvas入门

因为之前在开发时，遇到过进度条的需求，一开始是使用css实现的，实现起来并不复杂，最近刚好在学习canvas，于是决定使用canvas结合已掌握的一些知识实现一个进度条及其插件，收获颇多，希望对大家有

引言 因为最近要举办世界杯的缘故，刚好自己也在学习canvas，一直没做过canvas的游戏与动画，于是决定尝试自己实现一个2d射门的小游戏

1、新建画布 canvas首先是空白的，我们首先设置canvas的宽高，并找到渲染上下文 2、绘制边框 此时页面已经可以看到画布了，我们可以更明显的一些绘制一个边框 3、绘制球 此时我们已经可以看到边

最近学习了一些canvas基础语法，也复习了一些三角函数知识，于是决定基于现有学习的知识自己摸索来实现一个时钟功能。 基础工作 这里列举一些开发中要数学公式，这里要注意的是所有用到的API都为弧度制：

这是个人写的一篇针对`canvas`的基础功能的教程，学习完可以对`canvas`有一个初步的理解，希望对大家有所帮助。