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

原创 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>

微信小程序图片等比例缩放 动态的获取图片的高度和宽度 动态的设置图片的高度和宽度

转载请注明预见才能遇见的博客:http://my.csdn.net/ 原文地址: 微信小程序图片等比例缩放 动态的获取图片的高度和宽度 动态的设置图片的高度和宽度  在小程序布局中,如果图片不是...
  • pcaxb
  • pcaxb
  • 2017年02月21日 19:22
  • 3002

JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)

//JS控制图片按比例缩放并不超过一定宽度和高度         function Wa_SetImgAutoSize(obj) {             //var img=document.al...

浅谈Android根据屏幕宽度,按比例缩放图片

本文主要介绍一下Android根据屏幕宽度,按比例缩放图片。

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

ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleType的属性分别是matrix(默认)、center、c...

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

实现图片适应屏幕宽度方式:获取屏幕大小,动态设置控件高度。 ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleTy...
  • CJF0410
  • CJF0410
  • 2016年12月16日 15:21
  • 425

Android根据屏幕宽度,按比例缩放图片(图片)

ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleType的属性分别是matrix(默认)、center、ce...

ImageView 加载图片 , 原始比例 缩放 显示

这两天 遇到了点问题,,解决了 ,就总结一下 ,给自己点积累。第一次 写,描述的不够清楚, 望理解,希望对您有帮助。 关于 缩放 就不多说了,请参考 ImageView 的 scaleType 属性...

Web---Cookie技术(显示用户上次登录的时间、显示用户最近浏览的若干个图片(按比例缩放))

本章博客讲解: 1、Cookie基本用法演示 2、演示Cookie的访问权限 3、演示Cookie的删除 4、利用Cookie显示用户上次登录的时间 5、利用Cookie技术显示用户最近浏览...

可以设置宽高比,宽度确定,高度比例缩放的ImageView快速实现

在开发中经常碰到这样一种情况:要求图片不能变形,宽度为设备屏幕宽度,高度与宽度比例为0.77,因为安卓设备特别杂,所以不能写死,只能动态的匹配.今天就给你一个自定义的ImageView,来彻底解决这个...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态获取缩放图片的长度、宽度和显示比例
举报原因:
原因补充:

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