手机版

javascript获取图片尺寸及放大图片

时间:2021-11-16 来源:互联网 编辑:宝哥软件园 浏览:

1)获取图片尺寸复制代码代码如下: img src=' http :http://img。我的。csdn。net/uploads/201309/03/1378223257 _ 7957。jpg ' alt=' MM ' title=' MM(实际大小200 * 300)' onclick=' getWH(this)' width=' 200 ' height=' 300 '/脚本函数getWH(t){ //DOM属性控制台。log(' width=' t . width ');//200控制台。log(' height=' t . height ');//300 //操作样式控制台。log(' style width=' t . style。宽度);//空控制台。log(' style height=' t . style。高度);//空} 2)获取图片尺寸(不设置宽高)复制代码代码如下: img src=' http :http://img。我的。csdn。net/uploads/201309/03/1378223257 _ 7957。jpg ' alt=' MM ' title=' MM(实际大小200 * 300)' onclick=' getWH(this)'/脚本函数getWH(t){ //DOM属性控制台。log(' width=' t . width ');//200控制台。log(' height=' t . height ');//300 //操作样式控制台。log(' style width=' t . style。宽度);//空控制台。log(' style height=' t . style。高度);//空} 我们只要不在风格中显式地设置它,宽高永远为空!3)放大图片:这里我们利用了工业管理学(工业工程)的私有属性防止图片放大失真严重!复制代码代码如下: img src=' http :http://img。我的。csdn。net/uploads/201309/03/1378223257 _ 7957。jpg ' alt=' MM ' title=' MM(实际大小200 * 300)' onclick=' getWH(this)' width=' 200 ' height=' 300 '/脚本函数getWH(t){ t . width *=2;t .高度*=2;//每点击一次,宽高放大一倍}/脚本4)在消防与谷歌中,我们还可以用自然宽度与自然高度取得图片的原大小!复制代码代码如下: img src=' http :http://img。我的。csdn。net/uploads/201309/03/1378223257 _ 7957。jpg ' alt=' MM ' title=' MM(实际大小200 * 300)' onclick=' getWH(this)' width=' 200 ' height=' 300 '/脚本函数getWH(t){控制台。log '(宽度=' t .自然宽度);控制台。log(' height=' t .自然高度);t .宽度=t .自然宽度* 2;t .高度=t .自然高度* 2;}/脚本自然宽度和自然高度只是只读属性,不能用来设置图片的大小,不能持续放大

版权声明:javascript获取图片尺寸及放大图片是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。