钢笔工具实际上是画的贝塞尔曲线。鼠标调整的是起点终点和控制点。可以制定不同的规则来实现不同的操作方式。

仿着做了一个调色盘。观察一下调色盘上颜色的排列，不难发现规律。

效果如下。

如题。

思路：贝塞尔曲线是连续可导的，贝塞尔曲线的起点和终点是已知的；因此只要找到贝塞尔曲线的极值点，包含极值点和起点终点的最小矩形也就是包含贝塞尔曲线的最小矩形。

极值点怎么求？导数为0的地方即是极值点的位置，前边已经学过，贝塞尔曲线的公式是通过参数t的形式给出的，x关于t的公式对t求导，导数为0的地方是x极值点的位置，同理y。

Bezier曲线的原理

Bezier曲线是应用于二维图形的曲线。曲线由顶点和控制点组成，通过改变控制点坐标可以改变曲线的形状。

一次Bezier曲线公式：

dragonBones是flash中用来做骨骼动画的一个扩展工具。使用简单，效果也不错。

下面是用官方素材做的一个实例。

鼠标点击舞台，小车移动到点击位置。小车会自动拐弯或者倒车，来找到最合适的路线。

效果如下。

实现如下效果。

在舞台上移动鼠标可以看到图片的不同区域。

先看效果。

一个简单的商品刷新出现的动效。 

下面是直接用flash制作的补间动画。

如题。

先看效果。