首页 > 其他分享 >js 获取 image 原始高度

js 获取 image 原始高度

时间:2023-05-30 16:35:07浏览次数:41  
标签:浏览器 img image naturalWidth js 获取 imgRef nHeight

  1. 新版浏览器
// 这个 api 仅支持新版本浏览器, 旧版还是得创建一个内部图片
      setTimeout(() => {
        let imgRef = this.$refs.img
        this.imgWidth = imgRef.naturalWidth
        this.imgHeight = imgRef.naturalHeight
      }, 10)
  1. 旧版浏览器(兼容)

function getImgNaturalDimensions(img, callback) {
    var nWidth, nHeight
    if (img.naturalWidth) { // 现代浏览器
        nWidth = img.naturalWidth
        nHeight = img.naturalHeight
    } else { // IE6/7/8
        var imgae = new Image()
        image.src = img.src
        image.onload = function () {
            callback(image.width, image.height)
        }
    }
    return [nWidth, nHeight]
}

标签:浏览器,img,image,naturalWidth,js,获取,imgRef,nHeight
From: https://www.cnblogs.com/whm-blog/p/17443630.html

相关文章

  • 获取并改变display的值
    1.获取display的值//jquery.css("display")//js.style.display; 2.更改display的值//jquery方式.css("display","none");//js方式.style.display="none"; 转自https://blog.csdn.net/qq_41121204/article/details/92995933......
  • 通过SQL获取每个月第n周任意天的数据
    1.场景描述MySQL数据库中有日期字段,通过SQL查询每个月第n周的周内任意一天的数据。2.实现SQL通过SQL查询每个月第二周的周一的数据SELECT*FROMtransactionsWHEREDAYOFWEEK(`create_time`)=2ANDWEEK(`create_time`,3)=WEEK(DATE_SUB(`create_ti......
  • js 复习
    所有的数组方法concat连接两个或更多的数组,并返回结果copyWithin从数组指定位置拷贝到数组的另一个指定位置中entries返回数组的可迭代对象every检测数值元素,判断是否每个元素都符合条件fill使用一个固定值来填充数组filter过滤find返回符合条件的的数组元素findi......
  • 根据ProcessId获取进程的窗口句柄
    functionTForm1.GetHWndByPID(consthPID:THandle):THandle;typePEnumInfo=^TEnumInfo;TEnumInfo=recordProcessID:DWORD;HWND:THandle;end;functionEnumWindowsProc(Wnd:DWORD;varEI:TEnumInfo):Bool;stdcall;var......
  • 在node项目中使用log4.js记录日志
    1.在项目根目录创建保存日志文件的文件夹logs2.修改.gitignore文件,添加logs文件夹,这样使用git提交进忽略logs文件夹。node_modules.envlogs3.在config文件夹下新增log4j.js文件保存log4js的配置,路径:./src/config/log4j.js//config.jsletpath=require('pat......
  • 2023CVPR_Low-Light Image Enhancement via Structure Modeling and Guidance(代码暂
    大佬链接:CVPR2023低光照图像增强论文阅读基于结构先验的图像增强-知乎(zhihu.com)一motivation1.现有低光照图像增强方法忽视了在低光照区域结构信息建模对增强的作用(ignoretheexplicitmodelingofstructuraldetailsindarkareas)从而导致增强效果不理想,比如细节模......
  • Python excejs 执行js文件的时候 报编码错误的问题
    问题执行js的时候报图中的编码错误,直接执行js文件时能正常编译,在网上未找到关于这个问题的文章头疼了好久最终在各位大佬的帮助下解决了问题,便记录了下来:解决办法:一、修改报错文件subprocess.py中的encoding编码:encoding=None--->encoding='utf-8'二、在引包的时......
  • JSON-RPC示例代码(Java实现)
    以下是一个使用Java实现的JSON-RPC示例代码。该示例使用了JSON-RPC2.0规范和Jackson库进行序列化和反序列化。在这个示例中,我们将创建一个服务器和一个客户端,演示如何进行远程过程调用。首先,确保您已经安装了Java开发环境(JDK)和Maven构建工具。接下来,我们将创建一个Maven项目,并......
  • 2023-05-30 前端通过node获取七牛云的token(token最好还是在后端返回,前端获取token会暴
    constfs=require('fs');constqiniu=require('qiniu');varaccessKey='你的accessKey';varsecretKey='你的secretKey';varmac=newqiniu.auth.digest.Mac(accessKey,secretKey);//获取七牛tokenvaroptions={......
  • 2023-05-30 浅试nodejs实现登录接口业务(未完,待测试)
    constexpress=require('express');constbodyParser=require('body-parser');constmysql=require('mysql');//创建MySQL连接池constpool=mysql.createPool({host:'localhost',user:'root',password......