当前位置: 首页 > 面试题库 >

写一个方法获取图片的原始宽高

壤驷阳波
2023-03-14
本文向大家介绍写一个方法获取图片的原始宽高相关面试题,主要包含被问及写一个方法获取图片的原始宽高时的应答技巧和注意事项,需要的朋友参考一下
    function loadImageAsync(url) {
        return new Promise(function(resolve, reject) {
            var image = new Image();

            image.onload = function() {
                var obj = {
                    w: image.naturalWidth,
                    h: image.naturalHeight
                }
                resolve(obj);
            };

            image.onerror = function() {
                reject(new Error('Could not load image at ' + url));
            };
            image.src = url;
        });
    }
 类似资料:
  • 本文向大家介绍Javascript获取图片原始宽度和高度的方法详解,包括了Javascript获取图片原始宽度和高度的方法详解的使用技巧和注意事项,需要的朋友参考一下 前言 网上关于利用Javascript获取图片原始宽度和高度的方法有很多,本文将再次给大家谈谈这个问题,或许会对一些人能有所帮助。 方法详解 页面中的img元素,想要获取它的原始尺寸,以宽度为例,可能首先想到的是元素的innerWi

  • 本文向大家介绍写一个方法获取图片的方向相关面试题,主要包含被问及写一个方法获取图片的方向时的应答技巧和注意事项,需要的朋友参考一下 <!DOCTYPE html> <html> <head>   <meta charset="utf-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="descripti

  • 本文向大家介绍写一个方法获取div的宽高相关面试题,主要包含被问及写一个方法获取div的宽高时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍js获取图片宽高的方法,包括了js获取图片宽高的方法的使用技巧和注意事项,需要的朋友参考一下 本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获。 一、简陋的获取图片方式  结果如下: 宽高都是0的这个结果很正常,因为图片的相关数据都没有被加载前它的宽高默认就是0 于是可以这么优化! 二、onload后在打印  结果如下 通过onload就能获取到图片的宽

  • 本文向大家介绍使用js获取图片原始尺寸,包括了使用js获取图片原始尺寸的使用技巧和注意事项,需要的朋友参考一下 浏览器中显示的图片大小未必是他真实的高和宽,比如像下面这样,我们给他加上宽和高的样式 <img src="IE.png" style="width:25px;height:25px;">   这样在浏览器中显示的大小就是25px。那么我们如何获取图片的真实大小呢?,下面的代码就实现了这个

  • 函数名称:获取图片对象的宽高 函数功能: 获取图片对象的宽度和高度 函数方法 w,h = image.size(img) 参数 类型 必填 说明 img userdata 是 图片对象 返回值 类型 说明 w number 图片对象的宽度 h number 图片对象的高度 函数用例 --全屏截图 img = image.snapshot() if type(img) == "userdata" t