js设置图片不拉伸

最新推荐文章于 2024-06-27 16:14:54 发布

悠闲的夏天

最新推荐文章于 2024-06-27 16:14:54 发布

阅读量1.3k

点赞数

分类专栏：前端样式文章标签： js

前端样式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

设置图片不拉伸的js：

/** * 设置图片大小并且不拉伸 * @param ImgD * @param width * @param height * @constructor */
function DrawImage(ImgD, width, height) {
    var image = new Image();
    image.src = ImgD.src;
    if (image.width > 0 && image.height > 0) {
        if (image.width / image.height >= width / height) {
            if (image.width > width) {
                ImgD.width = width;
                ImgD.height = (image.height * width) / image.width;
            } else {
                ImgD.width = image.width;
                ImgD.height = image.height;
            }
            ImgD.alt = image.width + "x" + image.height;
        } else {
            if (image.height > height) {
                ImgD.height = height;
                ImgD.width = (image.width * height) / image.height;
            } else {
                ImgD.width = image.width;
                ImgD.height = image.height;
            }
            ImgD.alt = image.width + "x" + image.height;
        }
    }
}