js获取dom缩放后的尺寸，js获取图片缩放后的尺寸

记录一次踩坑记录

事情的起因是用canvas给图表图片画坐标轴，但是会涉及到图片缩放的问题，canvas要同步图片大小，这就要获取图片的大小。获取各种图片宽高属性都是获取的是图片渲染时的大小，怎么都获取不到实际尺寸。然后一顿搜索没能找到有效的方法，后面本想通过获取transform scale属性去计算，然后突然之间就找到了有效方法，dom的getBoundingClientRect()

        const img = document.querySelector(".el-image-viewer__img");
        const rect = img.getBoundingClientRect();
        let canvas = this.$refs.axisCanvas;
        canvas.style.zIndex = 2010;
        this.offsetLeft = rect.left;
        this.offsetTop = rect.top;
        canvas.style.left = this.offsetLeft + 'px';
        canvas.style.top =  this.offsetTop + 'px';
        this.canvasWidth =  rect.width; 
        this.canvasHeight = rect.height;