图片宽度转换

图片宽度传成vw,vh

let width = image.width
          let height = image.height
          let actualWidth = data.axis_x / width * 100 + 'vw'
          let actuakHeight = data.axis_y / height * 100 + 'vh'

关于转换图片宽高比

   let image = new Image()  
          image.src = data.room_url //接口中传回来的url
          let width = image.width
          let height = image.height //获取原始图片宽高
          console.log(screenWidth);
          this.imgHeight = (height / width) * screenWidth
          //重新渲染图片的高等于原始图片百分比乘视图宽
    // 就是下面的公式反过来

创建一个Image对象：var a=new Image();    定义Image对象的src: a.src=”xxx.gif”;    这样做就相当于给浏览器缓存了一张图片。

 

/**
 * 已知图片的宽度和高度的等比例缩放
 */

 function knowImgSize(id) {
    var idWidth = $(id).width(),  // 容器的宽度和高度
        idHeight = $(id).height();

    $(id + ' img').each(function(index,img){
        var img_w = $(this).width(),
            img_h = $(this).height();

        // 如果图片自身宽度大于容器的宽度的话 那么高度等比例缩放
        if(img_w > idWidth) {
            
            var height = img_h * idWidth / img_w;  
            //容器宽除图片宽获取比例,再乘高就是了,这个可以理解
            $(this).css({"width":idWidth, "height":height});
        }
    });

 }