首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取图片原始宽

我以前的做法是把图片的真实宽高分别放在data-width和data-height中,效果是达到了,但是总觉得扩展性很低,当不知道图片的大小时,还要一张一张图片的去查看图片信息手动输入图片大小,很繁琐 获取图片大小...是可以拿到图片的宽度 但是需要注意的是这里拿到的宽度是图像在CSS像素中渲染的宽度 也就是说如果图片原始大小1200,使用css或者width属性设置为600,那么这里拿到的宽度为600,显然用innerWidth获取图片原始尺寸是不靠谱的...document.createElement("img") img.src = "1.jpg" var width = img.width 动态创建一个imgElement,通过给src赋值,最终来获取...img的宽和 需要注意的是在给img的src赋值时,这是一个异步过程,会存在获取img的宽度时值为0(图片还未加载完成),可以在给img赋值之前加上onload事件 var img = document.createElement

6.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

iOS获取屏幕宽设备型号、系统版本信息介绍1、获取屏幕的宽2、获取设备的型号3、获取系统版本

之前也研究过,这里把我的方法记录下来,本文介绍三个常用的设备信息获取方式: 获取屏幕的宽。用于在设置控件位置的时候计算相对屏幕的距离 获取设备的型号。...1、获取屏幕的宽 屏幕的宽是一个常常需要用到的信息,尤其是当你用代码写UI时。比如当你写一个UILabel,设置其frame时,你想要它居中,而你想为其设置的宽度为200,那怎么设置它的x值呢?...获取屏幕宽、的方法如下: // 设备宽度 [UIScreen mainScreen].bounds.size.width // 设备高度 [UIScreen mainScreen]....bounds.size.height 一般来说我们在pch文件里将其设置为宏,这样在每个地方就都可以调用了,就不用每次都用这么长一串代码: //设备的宽 #define SCREENWIDTH...2、获取设备的型号 获取设备型号有几种方法,这里我使用的是比较笨的方法,获取设备的分辨率来判断设备的型号。

2.2K40

js获取屏幕以及元素宽的方法

一.window相关 网页正文部分上:window.screenTop 网页正文部分左:window.screenLeft 屏幕分辨率的:window.screen.height 屏幕分辨率的宽:...(包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文:document.body.scrollHeight 网页被卷去的:document.body.scrollTop...网页被卷去的左:document.body.scrollLeft 三.滚动相关 scrollHeight: 获取对象的滚动高度。...scrollWidth: 获取对象的滚动宽度 document.documentElement.scrollTop 垂直方向滚动的值 四.位置精确定位 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离...scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop

6.7K20

Native.js获取监听开关等操作Android蓝牙设备实例代码

BAdapter.isEnabled()) { BAdapter.enable(); //启动蓝牙 }else{ BAdapter.disable(); } Native.js获取蓝牙设备列表 unction...蓝牙连接票据打印机 测试机:佳博PT-280便携打印机 手机:华为低端 功能:扫描周围蓝牙设备加入列表,点击未配对设备,自动配对设备,点击已配对设备,进行打印测试 html页面代码 <!...DOCTYPE html <html <head <meta charset="UTF-8" <title </title <script src="<em>js</em>/pr.<em>js</em>" </script.../ul </div </body </html Js文件 //address=""搜索蓝牙//address=设备mac地址,自动配对给出mac地址的设备 function searchDevices...操作 console.log(intent.getAction()); //获取action if(intent.getAction() == "android.bluetooth.adapter.action.DISCOVERY_FINISHED

3.2K20

js 获取屏幕各种宽的方法(浏览器兼容)

屏幕的有效宽: window.screen.availHeight window.screen.availWidth 网页可见区域宽:document.body.clientWidth  网页可见区域...:document.body.clientHeight  网页可见区域宽:document.body.offsetWidth (包括边线的宽)  网页可见区域:document.body.offsetHeight...(包括边线的宽)  网页正文全文宽:document.body.scrollWidth  网页正文全文:document.body.scrollHeight  网页被卷去的:document.body.scrollTop...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

3.5K100
领券