Canvas

这部分中就是说明了享元模式：使用一个对象来表示多个概念，其减少了需要创建的对象数，从而减少了内存占用量 代码中只创建了一个ball对象，但是通过多次的改变ball.width和ball.height来

来源 贝塞尔曲线的锚点是终止点 所有的F点所构成的曲线就是贝塞尔曲线 实例样式 代码 感觉上这个二次贝塞尔曲线和arcTo的使用差不多，只不过后者需要多加一个参数圆弧半径 arcTo的相关内容 实现样

多边型的图形：实现的主要方式是根据弧度来获取到点的位置，然后进行描边,不过这里所说的多变形都是正多边型。

这有个微小的圆角变化,这种方式的缺点就是圆角的大小是不可控制的 arcTo(x1,y1,x2,y2,raduis)参数分别代表两个点的坐标已经圆形半径，该方法以指定的半径来绘制一条圆弧，该圆弧与当前点

在某个时刻canvas中只能有一条路径存在，但是这个路径中可以包含多个子路径 填充路径时所使用的非零环绕规则： 在路径中的任意区域，从该区域向外画一条足够长的线段并将该线段完全的落在路径范围之外。然后

步骤： 完成圆弧上渐变色 主要是每一小段圆弧上对应一个颜色 完成缓动动画 主要是每次移动的距离是开始结束差值的十分之一

主要是通过鼠标来对图片进行区域选择，然后将图片进行下载和灰度处理 utils.js 步骤： 图片上传现在到canvas上，显示图片 drawImage来将获取到的图片会知道canvas上 在利用鼠标和

步骤： 绘制钟表 圆和文字的绘制，其中文字的绘制主要是通过将数字位置和弧度进行对应绘制而来 绘制指针 绘制时针、分针、秒针。也主要是利用不同时间对应的不同的弧度来在页面上实现的 代码中这部分的代码主要