图片超过边框大小时截取图片中间部分

来源：互联网发布：c语言for break 编辑：程序博客网时间：2024/04/25 04:43

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function Zoom(obj,width, height)
{ var img=new Image();
img.src=obj.src;
var scale=Math.max(width/img.width, height/img.height);
var newWidth=img.width*scale;
var newHeight=img.height*scale;
var div=obj.parentNode;
obj.width=newWidth;
obj.height=newHeight;
div.style.width=width+"px";
div.style.height=height+"px";
div.style.overflow="hidden";
obj.style.marginLeft=(width-newWidth)/2+"px";
obj.style.marginTop=(height-newHeight)/2+"px";}
</script>
</head>
<body>
<div>
<img src="http://hiphotos.baidu.com/zhchlgl/pic/item/0de955c25e1aec2d0ef477dc.jpg" onload="Zoom(this, 144, 125)" border="0" />
</div>
</br>
</br>
<img src="http://hiphotos.baidu.com/zhchlgl/pic/item/0de955c25e1aec2d0ef477dc.jpg" border="0" />

</body> </html>

阅读全文

0 0