// offsetTop,offsetLeft子盒子到父盒子距离
// x,y点到图片的距离
// clientHeight,clientWidth父盒子自身宽高
// 如果图片大小超出可视窗口
if (this.image.offsetTop < 0) {
this.y = Math.abs(this.image.offsetTop) - y + this.wrapper.clientHeight / 2;
} else {
this.y = this.wrapper.clientHeight / 2 - Math.abs(this.image.offsetTop) + y;
}
// console.log(this.wrapper.clientHeight / 2, Math.abs(this.image.offsetTop), y)
if (this.image.offsetLeft < 0) {
this.x = Math.abs(this.image.offsetLeft) - x + this.wrapper.clientWidth / 2;
} else {
this.x = this.wrapper.clientWidth / 2 - Math.abs(this.image.offsetLeft) + x;
}
this.x = this.x*this.scale
this.y = this.y*this.scale
let images = document.querySelectorAll('.left .img .mapUrl-gather')
for (let i = 0; i <= images.length - 1; i++) {
images[i].style.transform = "scale(" + 1 / this.scale +
")";
}
// console.log(this.x, this.y, this.scale)
this.image.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;
