canvas中显示对象交互的简陋实现

人比较懒，聊天的时候废话连篇，写文章的时候就懒了..就简单说一下思路，不会的同学看下思路，不怕我误人子弟就行...会的同学欢迎多多拍砖，每一个砖头都是进步的垫脚石，不胜感激！

起因：
在csdn上一个朋友提问，用什么办法检测canvas上面显示对象的hover方法，记录在本博客的"论坛回帖随手写"分类下面了，有兴趣的同学可以看下。
当时写的时候，只是以实现为目的，没有扩展性，不通用，于是就想些一个通用一点的来着。
但是碍于时间问题，一直拖着，兴许拖着拖着就忘了也未可知。
正好公司决策层改变主意，正在进行的项目有些变更，闲下来就简单实现了个canvas的动画效果和鼠标点击事件的监听。

原理：
[动画]：其实就是使用定时器，window对象的setInterval方法来实现动画，做过flash ActionScript编程的同学可能比较熟悉。
[鼠标事件]：简陋的模型来说鼠标事件其实就是判断鼠标点击在canvas上的位置，然后检测一下点击位置是否在图形区域之内，hover事件则用mousemove事件来实现，当然也可以在setInterval的循环中实现。事件代理，我习惯直接加在canvas上，看有不少同学是在canvas上做了一个div来代理，不清楚其中的好处，有明白的同学也多多指点。
至于多图形遮盖的效果，在之前的那个hover事件监听中有实现。

至于子对象列表、事件冒泡之类的，等过阵闲下来再更新吧。但愿不是遥遥无期...
代码在下面：
有个地方的this是thisthis，是因为论坛的代码格式化有问题，不是写的问题，复制之后请自行修改再运行。在一次点击事件触发后一段时间内不能再触发点击事件是因为alert阻塞线程，但是setInterval仍然会继续执行导致，改成console.log就可以正常打印，并非bug。
that's all.

狗日的ie..