动态获取缩放图片的长度、宽度和显示比例

原创 2005年05月21日 00:46:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>动态获取缩放图片的长度、宽度和显示比例</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="PurpleEndurer">
<SCRIPT LANGUAGE="JavaScript">
<!--
//缩放对象. 调用方式: zoomObj(this)
function zoomObj(o)
{
var zoom = parseInt(o.style.zoom, 10)||100;
zoom += event.wheelDelta/12;
if (zoom>0)
{
o.style.zoom=zoom+'%';
}
return false;
}
 
var iOriginalWidth, iOriginalHeight; //存放图片原始长度、宽度
 
//动态显示图片的长度、宽度和显示比例
function dispCurrentSize()
{
var zoom = document.all.idImg.style.zoom;
zoom = eval(zoom.substring(0, zoom.length-1));
var iWidth = zoom * document.all.idImg.width;
var iHeight = zoom * document.all.idImg.height;
document.all.idPicCurrentSize.innerHTML = "图片当前大小 长:" + Math.ceil(iWidth/100) + " 高:" + Math.ceil(iHeight/100) + "  显示比例:" + Math.ceil((iWidth / iOriginalWidth)) + "%";
}
 
//显示图片原始长度、宽度
function dispOriginalSize(oImg)
{
iOriginalWidth = oImg.width;
iOriginalHeight = oImg.height;
document.all.idPicOriginalSize.innerHTML = "图片原始大小 长:" + iOriginalWidth + " 高:" + iOriginalHeight;
document.all.idImg.style.zoom = "100%";
dispCurrentSize();
}
//-->
</SCRIPT>
</HEAD>
 
<BODY>
<img src="20041210141735723.jpg" ID="idImg" onLoad="dispOriginalSize(this);" onMouseWheel="zoomObj(this);dispCurrentSize();">
<div ID="idPicOriginalSize"></div><P><P>
<div ID="idPicCurrentSize"></div><P><P>
</BODY>
</HTML>

如何在页面加载完毕后获取图片高度或宽度问题

日前,本技术屌丝又遇到了一个很有意思的问题,应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。 但在jquery(function(){  /*XXX...
  • u010480479
  • u010480479
  • 2014年04月09日 20:54
  • 3170

动态获取缩放图片的长度、宽度和显示比例

动态获取缩放图片的长度、宽度和显示比例 //缩放对象. 调用方式: zoomObj(this) function zoomObj(o) { var zoom = parseInt(o.st...
  • huyoo
  • huyoo
  • 2005年05月21日 00:46
  • 1693

图片宽度为控件宽度,高度按比例缩放

ImageView图片宽度为控件宽度,高度按比例缩放 图片宽度固定,高度按比例缩放自适应 本身不知道图片宽度和高度  首先,定义ImageView,在该ImageVi...
  • csyintianhao
  • csyintianhao
  • 2016年06月12日 12:21
  • 1042

JS控制图片按比例缩放并不超过一定宽度和高度

1.如何使用,html页面代码(此处定义一个图片图片按照(宽170px或者高120px缩放)) 2.js通用方法 //JS控制图片按比例缩放并不超过一定宽度和高度 //图片按比例缩放 ...
  • bodilove
  • bodilove
  • 2017年03月01日 09:30
  • 2399

js动态加载图片,获取图片宽高并缩放

近期在项目中遇到个问题: 一个下拉框改变后就去h
  • yx13649017813
  • yx13649017813
  • 2014年11月10日 11:19
  • 1447

android图片缩放(指定大小) drawable获取图片后怎么设置图片大小

http://gqdy365.iteye.com/blog/1125037 android图片缩放(指定大小) private Drawable zoomDrawable(Drawab...
  • tiramisu_ljh
  • tiramisu_ljh
  • 2017年03月30日 16:33
  • 5323

ImageView图片宽度为控件宽度,高度按比例缩放

需求说明:在ImageView中显示一张图片,图片大小不定,要求把图片
  • u012036813
  • u012036813
  • 2014年10月28日 15:14
  • 4955

android根据屏幕宽度,按比例缩放图片

ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleType的属性分别是matrix(默认)、center、c...
  • u013519084
  • u013519084
  • 2015年11月18日 11:49
  • 1350

ImageView获取宽度和高度的方法

  • 2014年12月09日 10:56
  • 957KB
  • 下载

android获取图片尺寸的两种方法以及bitmap的缩放

//Uri.parse("file://"+result.getImage().getCompressPath())) String path=uri.getPath(); ...
  • shb2058
  • shb2058
  • 2017年05月03日 10:45
  • 3862
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态获取缩放图片的长度、宽度和显示比例
举报原因:
原因补充:

(最多只允许输入30个字)