zoukankan      html  css  js  c++  java
  • 高效获取图片宽高的轮子

    我们知道有些图片虽然没有完全加载出来,但是已经先有占位符,然后一点一点的加载。既然有占位符那应该是请求图片资源服务器响应后返回的
    可服务器什么时候响应并返回宽高的数据并没有触发事件,所以就有了定时检测获取宽高的方法,这种方法比img.onload方法要快,代码如下:

    // 创建对象
    var img = new Image();
    // 改变图片的src
    img.src = imgThumb;
    let imgW = 0;
    let imgH = 0;

    var check = function(){
    // 只要任何一方大于0 表示已经服务器已经返回宽高
    if(img.width>0 || img.height>0){
    imgW = img.width;
    imgH = img.height;
    clearInterval(set); //清空周期
    }
    };

    var set = setInterval(check,40); //40毫秒请求一次服务器直到获取宽高

    参考地址:https://www.jb51.net/article/75441.htm
  • 相关阅读:
    JVM 常量池、运行时常量池、字符串常量池
    JVM Direct Memory
    JVM 方法区
    JVM GC Roots
    jvm 堆
    jvm slot复用
    JVM 虚拟机栈
    JVM 程序计数器
    java打印树形目录结构
    java 通过反射获取数组
  • 原文地址:https://www.cnblogs.com/luzt/p/11424229.html
Copyright © 2011-2022 走看看