canvas：摸得着的前端动画

你在凝望深渊的时候，深渊也在凝望你。——Who（你猜

这也是交互吗？

什么叫交互

看电影是交互吗？不是，你的行为影响不了画面（你把屏幕砸坏的行为除外

玩游戏是交互吗？是的，你能控制游戏角色的行为。

你的行为，比如移动鼠标、敲下键盘、在摄像头前摇摇头、喊一声Siri，通过输入设备能对画面产生变化的，就叫交互。

事件与监听

你的特定行为能被电脑感知，是因为触发（emit）了特定事件，同时电脑有监听（on）这一事件，并执行针对这一事件发生后的对应操作（callback）。

你移动鼠标，画面就会有个鼠标跟着你的行为移动；

你点击图标，画面上的图标就会是选中状态；

你拿着鼠标抠脚，画面根本不会有什么反应，因为它没有监听你用鼠标抠脚这种事件。

鼠标事件获取交互数据

我们拿鼠标事件举例，简单讲讲鼠标与屏幕的交互。

鼠标事件的目的大多数是根据事件类型（按下、松开、移动）获取所在的位置（x，y）。

mousedown
mouseup
mouseenter
mouseleave
mouseout
mouseover
... 

试下在任意一个网页的控制台输入并运行window.onmousedown = console.log，再点击网页的任意位置，