Ω

鼠标,键盘,触摸

浏览器鼠标坐标位置换算到画布windowToCanvas(),用事件对象得到的坐标减去canvas元素的top,left值

下方画布,按住拖动可画线.按键盘则打印出按键字符(支持打印出a-z小写)

清空画布

不支持canvas

鼠标画线实现关键

鼠标按住画线: 监听鼠标按下(mousedown),鼠标移动(mousemove)这两个事件,按下事件中判断是左键按下时,调用moveTo(),

移动事件中,同样要判断移动同时是按住左键的,调用lineTo().这样就能实现鼠标画线

按键盘打字实现关键

监听键盘keyup事件,这是在按键释放后触发的.由于canvas不能监听键盘事件,所以要在window或document对象上监听

监听到事件后,判断键值是否为26个字母对应键值,然后调用fillText()画出对应字母