图片点击按钮进行缩放

需求：1.图片上方有两个按钮，一个是加号，一个是减号。点击加号，图片以中心点为圆心，进行放大。缩小同理。有设置最大值，和缩小的最小值。

2.有个按钮为：原大小（适应窗口）

3.切换图片或者关闭页面  恢复图片的适应窗口大小。

思想：每次点击放大按钮就放大0.1倍。那么换算成算法就是：当前的宽高乘 1.1。但是图片有最大宽度。就判断如果当前的宽度小于最大宽度就进行缩放，否则，就 弹toast提示。

代码展示：

 // 放大0.1倍

        enlarge(){

            let maxWidth = Math.ceil(35000/15);//向上取整，放大的最大宽度

            if( this.widthLen<maxWidth){

                // 当前的放大的宽度小于最大宽度的限制，就继续放大

                this.widthLen=this.widthLen *1.1;

                this.heightLen = this.heightLen * 1.1;

            }else{

                this.$toast.center("warn.png",'已放大到最大宽度');

            }

        },

需求2：图像原大小  或  适应窗口

图像的属性：naturalWidth     获取图像的原大小的宽度。

                       naturalHeight  获取图像的原大小的高度。

需求3：恢复图像的适应窗口大小