JavaScript获取图片的原始尺寸
2016-01-07 14:58
204 查看
JavaScript获取图片的原始尺寸
页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下如果给img加上了width属性,这种方式就不行了,比如图片实际宽度是690,设置了width为400,这时按上面的方式获取则返回400
有一种方式可以获取到,直接创建一个新img对象,然后把旧img的src赋值给新的,这时候获取新img的宽度即可
HTML5提供了一个新属性naturalWidth/naturalHeight可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9里已经实现。改造下获取图片尺寸的方法。
相关:
/article/4663517.html
http://www.sitepoint.com/html5-responsive-design-image-dimensions/
http://www.w3.org/TR/2011/WD-html5-author-20110705/the-img-element.html#the-img-element
相关文章推荐
- 引入js浮动框
- action与ajax互传值
- 基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
- js 64进制转换方法 & URL参数压缩
- JS判断是否进行删除操作
- Js中获取节点对象
- [html][javascript] 正则匹配示例
- json
- 学习Javascript闭包(Closure)
- extjs-store数据加载
- js计时器
- js把星期由数字转换为星期名称
- 网易前端JavaScript编码规范【转】
- [转]JavaScript RegExp 对象参考手册
- js将金额专成每隔3位数加逗号
- javascript对下拉列表框(select)的操作
- jsp input onchange事件 可以用keyup 替换一下
- js判断一个变量是否为数组的解决方案
- JavaScript_Console调试命令 (九个Console命令,让js调试更简单)
- js的一些常用方法,保存cookie等