canvas完成画框功能。
一开始我想的是和拖拽一样的原理，主要还是清空那一块得做好清空。可是实现起来才发现遇到了瓶颈，不管你是点击的还是移动的xy轴坐标到canvas元素的距离清空。都会在你左上左下右上右下完成，但是在你改变成对应的路线时bug就出现了，一个个的矩形就叠加出来了。
在参考了githup上
https://github.com/lvangorysky/Ypaint
这个的实现很流畅。
又清楚了逻辑，他是在每次画矩形之前先清空画布，再循环存矩形数据的数组，将矩形画出，完成再一次的绘图。
