手机
当前位置:查字典教程网 >编程开发 >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同比例缩放图片的小例子】相关文章:

JS对字符串编码的几种方式使用

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

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

javaScript中slice函数用法实例分析

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

js+html5绘制图片到canvas的方法

图片之间的切换

javascript制作的滑动图片菜单

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

jquery实现图片左右切换的方法

精品推荐
分类导航