使用transform 设置 scale 进行放大缩小,使用 transformOrigin 定位基点,在 data 中定义变了 scal 为 1

// 放大
    enlarge() {
      this.$nextTick(() => {
      	// imageWrapper 获取元素
        let imageWrapper = document.getElementById('imageWrapper');
        this.scal = (parseFloat(this.scal) + 0.10).toFixed(2);
        imageWrapper.style.transform = "scale(" + this.scal + ")";
        imageWrapper.style.transformOrigin = '0 0';
      })
    }
// 缩小
narrow() {
      this.$nextTick(() => {
      	// imageWrapper 获取元素
        let imageWrapper = document.getElementById('imageWrapper');
        this.scal = (parseFloat(this.scal) - 0.10).toFixed(2);
        imageWrapper.style.transform = "scale(" + this.scal + ")";
        imageWrapper.style.transformOrigin = '0 0';
      })
    },

Logo

前往低代码交流专区

更多推荐