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

html-css011

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

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

width=device-width//应用程序的宽度和屏幕的宽度是一样的

initial-scale=1.0 //应用程序启动时候的缩放尺度(1.0表示不缩放)

minimum-scale=1.0 //用户可以缩放到的最小尺度(1.0表示不缩放)

maximum-scale=1.0 //用户可以放大到的最大尺度(1.0表示不缩放)

user-scalable=no //用户是否可以通过他的手势来缩放整个应用程序,使应用程序的尺度发生一个改变(yes/no)

Chrome 只能模拟以下的手势

Tap 触摸

Double-Tap 双击

Hold 长按

Swipe 滑

Drag 拖拽

Rotate 旋转(双指)

Pinch 缩放(双指)

Fingers 抓取(多指)

等手势都不支持,

目前只能模拟鼠标能操作的,具体的还是用真机测试,特别是android 的碎片化,多早几个机器测试才是王道