canvas实现点击，拖拽和缩放的效果

目标：实现红点的点击，拖拽，和缩放效果。

思路：1.缩放通过scale，通过计算鼠标滚轮的滚动实现放大和缩小。

2.拖拽和点击通过定时器区分点击和长按，长按拖拽，点击alert一句话。

直接上代码：

 

没有做兼容性处理（鼠标滚轮计算），建议在谷歌浏览器下预览效果。