SVG 绘图

• t ouchstart 事件 ：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会 触发（多点触摸）

•

• touchmove 事件：当手指在屏幕上滑动的时候连续地 触发

•

• touchend 事件：当手指从屏幕上离开的时候触发。

• event.originalEvent.targetTouches

– 特定于事件目标的 Touch 对象的 数组，数组中每一个元素 （ Touch 对象） 代表一个触摸事件

• 每个 Touch 对象包含的属性如下

– clientX 、 clientY ： 触摸目标在视口中的 x 、 y 坐标

– identifier ：标识触摸的唯一 ID

– pageX ：触摸目标在页面中的 x 坐标

– pageY ：触摸目标在页面中的 y 坐标

– screenX ：触摸目标在屏幕中的 x 坐标

– screenY ：触摸目标在屏幕中的 y 坐标

– target ：触目的 DOM 节点目标

• 事件对应关系与操作函数抽象

– touchstart — mousedown -- startDraw (e )— 开始绘制

– touchmove — mousemove -- moveDraw (e )— 移动绘制

– touchend — mouseup -- endDraw (e )— 结束绘制

触摸事件 event.originalEvent.targetTouches[0]—鼠标事件 event

–

–