这篇文章介绍了 js 同比例缩放图片的小例子,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- 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;
- }
- }
- }
- }
来源: