手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js同比例缩放图片的小例子
js同比例缩放图片的小例子
摘要:复制代码代码如下:functionDrawImage(ImgD,FitWidth,FitHeight){varimage=newImage(...

复制代码 代码如下:

function DrawImage(ImgD, FitWidth, FitHeight) {

var image = new Image();

image.src = ImgD.src;

if (image.width > 0 && image.height > 0) {

if (image.width / image.height >= FitWidth / FitHeight) {

if (image.width > FitWidth) {

ImgD.width = FitWidth;

ImgD.height = (image.height * FitWidth) / image.width;

} else {

ImgD.width = image.width;

ImgD.height = image.height;

}

} else {

if (image.height > FitHeight) {

ImgD.height = FitHeight;

ImgD.width = (image.width * FitHeight) / image.height;

} else {

ImgD.width = image.width;

ImgD.height = image.height;

}

}

}

}

【js同比例缩放图片的小例子】相关文章:

自适应图片大小的弹出窗口

javascript瀑布流式图片懒加载实例

js兼容火狐显示上传图片预览效果的方法

可输入的下拉框

javascript相关事件的几个概念

js兼容火狐获取图片宽和高的方法

Jquery实现动态切换图片的方法

js脚本学习 比较实用的基础

jQuery处理图片加载失败的常用方法

JS制作手机端自适应缩放显示

精品推荐
分类导航