Javascript实现上传的图片按比例缩放和原样显示

2008-02-23 07:46:50来源：互联网阅读 ()

　　我们经常会遇到在页面中的图片按照我们自己的大小来显示，这样可以让页面看起来更规范一些。　　比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。我们这里有2种解决办法，
1，不按照比例的缩放 <script language="javascript">
function changeImg(mypic){
var xw=130;
var xl=160;

var width = mypic.width;
var height = mypic.height;

if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)"> 2，按照比例的缩放 <script language="javascript">
function changeImg1(mypic){
var xw=160;
var xl=180;

var width = mypic.width;
var height = mypic.height;
var bili = width/height;

var A=xw/width;
var B=xl/height;

if(A>1||B>1)
{
if(A

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有