让图片算好高宽再显示

var ctn = document.getElementById('img');
var imgO = new Image();
imgO.onload = function(){if(imgO.width>400){this.width = 400;//在这里也可设置高度
　　}//图片下载完毕了，高宽设好了，再添加到dom结构中去
　　ctn.appendChild(imgO);
}
imgO.src = url;

转载于:https://www.cnblogs.com/tyhmj/archive/2011/12/15/2288163.html

让图片算好高宽再显示相关推荐

javascript 快速获取图片实际大小的宽高
javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式 // 图片地址 var img_url = '13643608813441.jpg'// 创建对象 var img = ...
用计算机看手机照片大小,电脑手机怎么查看图片的尺寸(高、宽、像素)和分辨率 - 改图知识库...
我们在网上上传图片时,很多网站对上传的图片有尺寸和文件大小的要求,比如"高200px像素.宽400像素,文件大小不超过200k",这时,我们就得知道自己的图片具体尺寸和文件大小是多 ...
Java BufferImage图片处理（获取宽高、图片截取、转换灰度图）
Java BufferImage图片处理(获取宽高.截取.转换灰度图) 1. 效果图 2. 源码参考这篇博客将介绍如何使用Java读取图片为byte[]数组,或者BufferedImage及互相转 ...
python opencv 得到图片路径image_path的宽wide、高heigh和深度deep
python opencv 得到图片路径image_path的宽wide.高heigh和深度deep 图片路径是:'1.jpg' 下面是具体代码: import cv2 #得到图片路径image_pa ...
html 图片保持长宽比,实现图片在页面中宽高一直保持16：9比例的方法
实现图片在页面中宽高一直保持16:9比例的方法发布时间:2020-08-31 14:25:10 来源:亿速云阅读:133 作者:小新小编给大家分享一下实现图片在页面中宽高一直保持16:9比例的方 ...
图片圆角边框自适应宽高（深夜原创）
最近挺忙,没来得及更新博客!夜深了,给大家分析下几种图片圆角边框自适应宽高在不同情况下代码实现方法.请先看如下代码: <!DOCTYPE html> <head> <me ...
java生成缩略图，接收图片，按指定宽高或按比例生成缩略图
全栈工程师开发手册 (作者:栾鹏) java教程全解 java生成缩略图,接收图片,按指定宽高或按比例生成缩略图,能有效降低前端访问图片的流量负载. 支持的图片类型 : [BMP, bmp, jpg, ...
Excel单元格插入图片，并自适应宽高——保姆级教程
Excel单元格插入图片,并自适应宽高--保姆级教程 author:陈镇坤27 日期:2022年3月22日创作不易,转载请注明来源摘要:计算图片高宽像素,将Excel单元格高宽单位转化为以像素为单 ...
新发的日常小实验——使用python的PIL库批量修改图片尺寸，确保宽和高是4的倍数（Unity、PIL、Pillow、压缩）
文章目录一.问题:图片导入Unity被调整成2的N次方二.设置不转换成2的N次方三.使用ETC压缩格式,图片宽高必须是4的倍数四.使用python的PIL库批量修改图片尺寸,确保宽和高是4的倍 ...

让图片算好高宽再显示

让图片算好高宽再显示相关推荐

最新文章

热门文章