博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS对图片缩放处理
阅读量:6177 次
发布时间:2019-06-21

本文共 1290 字,大约阅读时间需要 4 分钟。

function DrawImage(ImgD, iwidth, iheight) {            //参数(图片,允许的宽度,允许的高度)            var image = new Image();            image.src = ImgD.src;            if (image.width > 0 && image.height > 0) {                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;                }            }        }

页面内调用:  <img src="Images/03.jpg" οnlοad="javascript:DrawImage(this,100,100)">

这个方法是从网上找的,实践可用,并已经用在项目中,简单方便。可读性强

转载于:https://www.cnblogs.com/akingyao/archive/2012/12/18/2823245.html

你可能感兴趣的文章
BCGControlBar教程:如何将MFC控件的BCGControlBarBCGSuite添加到对话框中
查看>>
深入理解Java8 Lambda表达式
查看>>
Java集合框架面试问题集锦
查看>>
Java每天10道面试题,跟我走,offer有!(六)
查看>>
四种途径提高RabbitMQ传输数据的可靠性(二)
查看>>
c语言实现多态
查看>>
Linux 在 TOP 命令中切换内存的显示单位
查看>>
浏览器的加载与页面性能优化
查看>>
RabbitMQ学习总结(2)——安装、配置与监控
查看>>
Java基础学习总结(5)——多态
查看>>
shell: demo
查看>>
使用vc+如何添加特殊字符的控件(创世纪篇)
查看>>
Linux下的常用信号
查看>>
3.UIImageView+category
查看>>
2.UIView+category
查看>>
Android ImageLoader使用
查看>>
LDTP
查看>>
StringUtils工具类的常用方法
查看>>
linux下VNC安装与配置
查看>>
URL编码
查看>>