javascript实现获取图片大小及图片等比缩放的方法
2016-11-24 14:15
1096 查看
本文实例讲述了javascript实现获取图片大小及图片等比缩放的方法。分享给大家供大家参考,具体如下:
获取图片大小:
var originImage = new Image(); function GetImageWidth(oImage) { if (originImage.src != oImage.src) originImage.src = oImage.src; return originImage.width; } function GetImageHeight(oImage) { if (originImage.src != oImage.src) originImage.src = oImage.src; return originImage.height; }
图片等比缩放:
function SetImage(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; } } } }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript图形绘制技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- php实现按指定大小等比缩放生成上传图片缩略图的方法
- javascript获取图片大小和图片等比缩放
- php实现按指定大小等比缩放生成上传图片缩略图的方法
- php实现按指定大小等比缩放生成上传图片缩略图的方法
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- Android实现通过手势控制图片大小缩放的方法
- PHP高效获取远程图片尺寸和大小的实现方法
- S实现控制图片显示大小的方法【图片等比例缩放功能】
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- JAVAScript如何实现图片等比缩放
- JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- 用javascript Image对象实现获取图片实际宽高的方法
- java将图片缩放实现类(能将jpg、bmp、png、gif图片文件,进行等比或非等比的大小转换)
- <转>javascript实现图片的等比缩放
- Python实现获取本地及远程图片大小的方法示例
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
- JavaScript上传图片的方法 判断图片的格式和大小、获取图片的base64编码
- 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
- JAVAScript如何实现图片等比缩放