源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js 图片缩放(按比例)控制代码

  • 时间:2020-10-20 06:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js 图片缩放(按比例)控制代码
缩放代码:
[u]复制代码[/u] 代码如下:
缩放代码: <script type="text/javascript"> //图片按比例缩放 var flag = false; function DrawImage(ImgD, iwidth, iheight) { //参数(图片,允许的宽度,允许的高度) var image = new Image(); image.src = ImgD.src; if (image.width > 0 && image.height > 0) { flag = true; if (image.width / image.height >= iwidth / iheight) { if (image.width > iwidth) { ImgD.width = iwidth; ImgD.height = (image.height * iwidth) / image.width; } else { ImgD.width = image.width; ImgD.height = image.height; } ImgD.alt = image.width + "×" + image.height; } else { if (image.height > iheight) { ImgD.height = iheight; ImgD.width = (image.width * iheight) / image.height; } else { ImgD.width = image.width; ImgD.height = image.height; } ImgD.alt = image.width + "×" + image.height; } } } </script> 页面代码: <img onload="javascript:DrawImage(this,89,63)" src="http://www.1sucai.cn/images/logo.gif" width="89" height="63" border="0" /> 觉得不错的发个言!
页面代码: 1. <img onload="javascript:DrawImage(this,89,63)" src="http://www.baidu.com/img/baidu_logo.gif" width="89" height="63" border="0" /> 觉得不错的发个言!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部