JavaScript等比例缩放图片控制超出范围的图片_javascript技巧
程序员文章站
2022-05-27 14:21:24
...
js等比例缩放图片,这个功能非常实用,当网页加载一个尺寸比较大的图片时,往往会把一个网页撑的变形,页面变得很难看,于是我们就想到了用JS去控制超出一定范围的图片,脚本之家以稳定页面布局,本代码段就是完成了此功能,而且代码非常简洁,效果很好。
等比例缩放图片
src=http://www.jb51.net/uploadfile/2013/0803/20130803034531502.jpg"
alt="自动缩放后的效果"
width="100"
height="100"
onload="javascript:DrawImage(this,80,80)"
/>
复制代码 代码如下:
src=http://www.jb51.net/uploadfile/2013/0803/20130803034531502.jpg"
alt="自动缩放后的效果"
width="100"
height="100"
onload="javascript:DrawImage(this,80,80)"
/>
上一篇: eclipse中英文互转
下一篇: php简单分页类实现方法_PHP
推荐阅读
-
javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版 原创
-
php批量缩放图片的代码[ini参数控制]_php技巧
-
经常用的图片在容器中的水平垂直居中实例_javascript技巧
-
经常用的图片在容器中的水平垂直居中实例_javascript技巧
-
php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧
-
artdialog的图片/标题以及关闭按钮不显示的解决方法_javascript技巧
-
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
-
js实现感应鼠标图片透明度变化的方法_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
利用javascript解决图片缩放及其优化的代码_图象特效