原生JS实现大图片按比例缩放 -JS/jQuery代码 -演示与下载 -时代Java

原图尺寸:

1、调用方式:

<img src="1_b.jpg" alt="自动缩放后的效果" onload="javascript:DrawImage(this,200,200);" />

自动缩放后的效果

2、调用方式:如果图片较大,建议在图片标签里面同时设置期望的图片大小,这样不会导致页面在加载中撑开,该大小不会影响最终缩放效果。 可以修改上面的代码为:

<img src="1_b.jpg" alt="自动缩放后的效果" width="200" height="200" onload="javascript:DrawImage(this,200,200);" />

自动缩放后的效果

 

下载代码说明
X关闭

原生JS实现div里面的大图片按比例缩放

原生JS实现大图片按比例缩放是一款原生JavaScript制作网页div里面大图片按比例缩放排列。经测试效果相当不错,作者推荐下载。