index.html文件中的代码比较多，但最主要的代码还是对鼠标按下、移动、抬起三种事件的监听和处理，另外，获取鼠标在canvas中的坐标位置需要注意一点：由于event对象中获取的clientX和clientY是鼠标相对于页面的坐标，为了获取鼠标在canvas中的坐标，需要获得canvas所在的矩形区域，然后用clientX-canvas.left，clientY-canvas.top，来获取鼠标在canvas中的位置。
源码
本篇博客中的源码已托管到github，点击这里查看源码
已知bug
在画圆形时需要鼠标从左上角拖到右下角画圆，如果不是这样，圆的位置会有问题。