h5移动端将图片放大缩小后坐标点变吗

h5移动端将图片放大缩小后坐标点会变。从最基础的事件找起，touch事件，于是乎，我就打印出关于touch事件的属性，经过试验，还有网上的资料，touch有一个touches属性，这个是用来记录屏幕的触点个数的，这个东西很关键，为我后来进行“手势缩放”提供了思路。“一根手指，用来移动图片；两根手指才可以进行缩放”。touches是一个数组，每一个值都带有clientX,clientY属性值，通过这个我们就可以在屏幕或者画布中获取到对应的坐标位置了。所以，h5移动端将图片放大缩小后坐标点会变。

举例说明：

通过一句addEventListener 就能够知道当前用户的点击是哪种设备，是手指的点击，是鼠标的单击还是触控笔的点击（平板设备都会带有触控笔）：

<canvas id="MyCanvas"></canvas>

<script>

MyCanvas.addEventListener("MSPointerDown", MyBack, false)

function MyBack(e) {

alert(e.pointerType.toString())

}

</script>

通过回调的方法中 e.pointerType 还进行判断。

鼠标是4，触控笔是3，手指是2。

至于值为1是何种设备还有待研究。

还有需要注意的就是 想在javascript中添加对输入设备的识别，注册的方法事件也是有点点区别。

addEventListener 添加的事件为 MSPointerDown

而在IE10中对于这样的多种设备识别中优先处理的手指的点击，前提是不影响功能正常单击的情况下，然而IE10不仅仅能识别用户的输入设备还支持非常多的高级手势。

---