宝哥软件园

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;}/脚本自然宽度和自然高度只是只读属性,不能用来设置图片的大小,不能持续放大

更多资讯
游戏推荐
更多+