双指缩放canvas图片_移动端 图片手势控制 双指缩放 单指移动

var pageX,pageY,position_top,position_left;

function setGesture(el) {

var obj = {}; //定义一个对象

var istouch = false;

var start = [];

el.addEventListener("touchstart", function(e) {

if (e.touches.length >= 2) { //判断是否有两个点在屏幕上

istouch = true;

start = e.touches; //得到第一组两个点

obj.gesturestart && obj.gesturestart.call(el); //执行gesturestart方法

}else if(e.touches.length == 1){

istouch = true;

var touch = e.touches[0]; //获取第一个触点

pageX = Number(touch.pageX); //页面触点X坐标

pageY = Number(touch.pageY); //页面触点Y坐标

// 获取对象的top left值

var _obj = $('body .tpsf')

position_left = parseFloat(_obj.css('left').split('p')[0]);

position_top = parseFloat(_obj.css('top').split('p')[0]);<