javascript 获取图片尺寸及放大图片_javascript技巧
程序员文章站
2022-05-01 12:17:14
...
1)获取图片尺寸
2)获取图片尺寸(不设置宽高)
我们只要不在style中显式地设置它,宽高永远为空!
3)放大图片:
这里我们利用了IE的私有属性防止图片放大失真严重!
4)在FF与谷歌中,我们还可以用naturalWidth与naturalHeight取得图片的原大小!
naturalWidth和naturalHeight只是只读属性,不能用来设置图片的大小,不能持续放大。
复制代码 代码如下:
2)获取图片尺寸(不设置宽高)
复制代码 代码如下:
我们只要不在style中显式地设置它,宽高永远为空!
3)放大图片:
这里我们利用了IE的私有属性防止图片放大失真严重!
复制代码 代码如下:
4)在FF与谷歌中,我们还可以用naturalWidth与naturalHeight取得图片的原大小!
复制代码 代码如下:
naturalWidth和naturalHeight只是只读属性,不能用来设置图片的大小,不能持续放大。
推荐阅读
-
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
-
JavaScript实现图片的放大缩小及拖拽功能示例
-
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
-
JavaScript实现图片的放大缩小及拖拽功能示例
-
ImageZoom 图片放大镜效果(多功能扩展篇)_javascript技巧
-
关于火狐(firefox)及ie下event获取的两种方法_javascript技巧
-
JavaScript获取图片的原始尺寸以宽度为例_javascript技巧
-
js和jquery如何获取图片真实的宽度和高度_javascript技巧
-
ImageZoom 图片放大镜效果(多功能扩展篇)_javascript技巧
-
JS实现点击图片在当前页面放大并可关闭的漂亮效果_javascript技巧