数字沙盘笔记

最新推荐文章于 2024-05-30 10:23:52 发布

aliez.Zhou

最新推荐文章于 2024-05-30 10:23:52 发布

阅读量198

点赞数

本文链接：https://blog.csdn.net/qq_38942978/article/details/97375102

版权

handleResetPoint (position) {//沙盘点击坐标居中
	if(this.zoomCD) {
        this.body.style.transitionDuration = "1s";
        this.bodyLeft = -position.x + this.bodyWidth*0.5/this.scale
        this.bodyTop = -position.y + this.bodyHeight*0.5/this.scale
        
        this.body.style.transform = "scale("+ this.scale +") translate("+ this.bodyLeft + 'px,' + this.bodyTop + 'px' +")";//初始化body.scale
        this.zoomCD = false;
        let that = this;
        setTimeout(() => {
          that.zoomCD = true;
        }, 1100)
      }
}

pinch(e) {//双指滑动事件
	   this.body.style.transitionDuration = '0s';
	   this.handleScale((e.scale-1)*0.01);
 },
 
onPan(e) {//移动body
	  let bb = e.target.getBoundingClientRect();
	  // console.log( (0.5-(e.center.x - bb.left)/(2905*this.scale))*(2905*e.scale-2905*this.scale) )
	  let velocityX = e.velocityX;
	  let velocityY = e.velocityY;
	  this.body.style.transitionDuration = '0s';
	
	  this.bodyLeft = this.bodyLeft + 50*velocityX
	  this.bodyTop = this.bodyTop + 50*velocityY
	  
	  this.body.style.transform = "scale("+ this.scale +") translate("+ this.bodyLeft + 'px,' + this.bodyTop + 'px' +")";//初始化body.scale
},