首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS获取图片原始宽

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

6.1K20

如何在H264码流SPS中获取宽和信息?

没错,它们就是序列参数集(SPS)和图像参数集(PPS),而且通常情况下,PPS会依赖SPS中部分参数信息,同时,视频码流信息也存储在SPS中。...那么如何从中获取视频信息呢,就是今天本文主要内容。 正文 一、SPS结构 对H264码流进行解码时,肯定会用到SPS中相关参数,因此,我们非常有必要了解其中参数含义。...(2) level_idc 标识当前码流Level。编码Level定义了某种条件下最大视频分辨率、最大视频帧率等参数,码流所遵从level由level_idc指定。...三、如何计算宽信息 根据SPS信息计算视频宽常用公式如下: width = (pic_width_in_mbs_minus1+1)*16; height = (pic_height_in_map_units_minus1...+1)*16; 但是这是针对宽是16整数倍情况,如果宽不是16整数倍时,frame_cropping_flag值为1,frame_mbs_only_flag为1,公式如下:(也可以认为这是统一公式

2.6K10

js获取指定时间前几秒

最近项目上有一个需求是:根据一张图片拍摄时间获取到这个时间前二后三一个五秒钟视频信息,通过查找相关资料写了一个方法拿来记录分享一下。...//指定时间减2秒 function reduceTwoS(dateStr){//dateStr格式为yyyy-mm-dd hh:mm:ss var dt=new Date(dateStr.replace...(/-/,"/"));//将传入日期格式字符串转换为date对象 兼容ie // var dt=new Date(dateStr);//将传入日期格式字符串转换为date对象 非ie var...)), minute:parseInt(ndt.getMinutes()), second:parseInt(ndt.getSeconds()) } return result; } //指定时间加...date对象 兼容ie // var dt=new Date(dateStr);//将传入日期格式字符串转换为date对象 非ie var ndt=new Date(dt.getTime()+

4.8K20

js图片监听onload事件,依然有获取不到宽场景

背景 在实际开发中,移动端页面遇到,采用正常写法,图片 src赋值写在 onload 事件监听 后面,依然会有拿不到 图片真实宽场景,获得图片都为0,真的是好坑啊。...img = new Image() // 加载完成执行 img.onload = function(){ console.log(img.width,img.height) } // 改变图片...为了避免图片加载失败或不存在等长场景导致定时器一直执行,可以加一个兜底,比如10秒钟之后自动清除定时器。...var img = new Image() // 改变图片src img.src = img_url // 定时执行获取 var check = function(){ // 只要任何一方大于...0 // 表示已经服务器已经返回宽 if (img.width>0 || img.height>0) { clearInterval(set); } } var

3.9K20

javascript 快速获取图片实际大小

javascript 快速获取图片实际大小 简陋获取图片实际宽方式 // 图片地址 var img_url = '13643608813441.jpg' // 创建对象 var img =...宽都是0这个结果很正常,因为图片相关数据都没有被加载前它默认就是0,我们需要它加载完所有的相关数据再获取宽和。...通过onload就能获取图片宽高了。但onload大一点图通常都比较慢,不实用,但只要图片被浏览器缓存,那么图片加载几乎就不用等待即可触发onload,我们要是占位符。...从缓存里读取图片不用说,非常方便快捷,今天我们要解决是没有缓存而又快速相比onload更快方式去获取图片。...这是一张2560 * 1600大小图片,各浏览器执行结果都能看到通过快速获取图片大小方法几乎都在200毫秒以内,而onload至少五秒以上,这差别之大说明快速获取图片非常实用。

5K10

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

(包括边线宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文:document.body.scrollHeight 网页被卷去:document.body.scrollTop...网页被卷去左:document.body.scrollLeft 三.滚动相关 scrollHeight: 获取对象滚动高度。...scrollWidth: 获取对象滚动宽度 document.documentElement.scrollTop 垂直方向滚动值 四.位置精确定位 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离...scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置 offsetTop...:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 五.坐标轴 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标 event.offsetX

6.7K20

node.js获取图片文件真实类型

遇到一个需求:假定有一个图片文件,真实类型为jpg,而有人偷懒把jpg直接复制一张,存为同名png文件,这样在as3读取文件时不会遇到问题,但手机c++在读取文件时却遇到问题了 - -!...现在就需要写一个程序,遍历所有文件夹下文件,查找文件格式“不正常”文件。...我们资源主要是gif、png、jpg,最开始,我到网上找到一篇文章:根据二进制流及文件头获取文件类型mime-type,然后读取文件二进制头信息,获取其真实文件类型,对与通过后缀名获得文件类型进行比较...'; showLog(msg); g_errorFileTypArr.push(msg); } 后来搜索node image相关信息时,找到这篇文章:node.js module ranking...它源码,有兴趣可以研究一下: function readUInt32(buffer, offset, bigEndian) { if (buffer.readUInt32) {

5.9K30

jquery获取第几个子元素_js获取元素指定子元素

可以这样理解,页面中元素有相同父元素 ,并且里面又包含li元素,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求li元素; :last-child:这个也与上面相对了,...An+B所有子节点,比如3n+1返回所处位置为父节点子元素是3倍数加1那个子元素; :even:页面范围内处于偶数位置元素,如:li:even返回全部偶数li元素; :odd:页面范围内处于奇数位置元素...F所有子元素(F可以为E子类子类,甚至更远); E>F:匹配父元素E下所有标签名为F直接子元素; E+F:匹配所有标签名为F元素,并且有E类型兄弟节点在该F元素之前(E,F紧挨着); E~...F:匹配前面是任何兄弟节点E所有元素F(E,F不必紧挨着); E:has(F):匹配标签名为E,至少有一个标签名为F后代节点所有元素E; E.C:匹配带有类名C所有元素E。....C等效于*.C; E#I:匹配id为I所有元素E,#I等效于*#I; E[A]:匹配带有属性A所有元素E; E[A=V]:匹配所有属性A值为V元素E; E[A^=V]:匹配所有元素E,且A属性值是

27K30

Android 获取drawable目录图片 并存入指定文件步骤详解

第一步:获取存储路径 我们用/sdcard/Android/data/包名/路径 方便我们测试查看 String path=MyApplication.getContextObject().getExternalFilesDir...("").toString(); File file=new File(path); 第二步:根据该文件中存储路径信息在文件系统上创建一个新空文件 File finalImageFile = new...FileOutputStream(finalImageFile); } catch (FileNotFoundException e) { e.printStackTrace(); } 第四步:将图片压缩成图片格式..., Toast.LENGTH_LONG).show(); } catch (IOException e) { e.printStackTrace(); } 总结 到此这篇关于Android 获取...drawable目录图片 并存入指定文件文章就介绍到这了,更多相关android 目录图片存入指定文件内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

1.6K10
领券