js如何获取图片的高和宽？根据我的部分代码添加完善，谢谢！

Posted 2023-04-09

如何知道当前页面一个图片的地址为“123.jpg”宽=500，高=400
如何写js代码可以让下面的srcX=500，srcY=400

<script language="javascript">
//这里如何加代码？
var srcX= ; //当前的图片宽度
var srcY= ; //当前的图片高度
var bigX = 350; //预览窗大小,可以任意设置
var bigY = 280;
var smallX = 350; //缩略图宽度
var smallY = srcY * smallX / srcX;
var viewX = bigX / srcX * smallX; //预览范围
var viewY = bigY / srcY * smallY;
var bl = srcX / smallX;//缩小比例
var border = 1; //边框
window.onload=function ()
//head.innerhtml="图片载入";
smallpic.width=smallX;
smallpic.height=smallY;
... ...
... ...
<script language="JavaScript">
var srcX="1024" ; //当前的图片宽度
var srcY="768" ; //当前的图片高度

问题重新所一次吧，可能我的表达不清楚。
是这样的，上面两句代码是用于定义页面中一个图片的宽和高的，但是这个是死定义，而不是根据图片的实际高和宽，我想实现的效果就是，如果在这两句前写js代码（其它如果可以实现也可以写出来），可以让一个从数据库rs出来的图片地址，根据这个地址可以获取到该地址图片的宽和高，然后再赋值于srcX，和srcY，这样说明白吗？

就是这样的理论意思在页面写下面的代码（下面代码不会成立）
<script language="JavaScript">
var img.src="&rs("jpg")&" ;//指定src
W=获取img的宽 ; //这句怎么写？
H=获取img的高 ; //这句怎么写？
var srcX=W ; //当前的图片宽度
var srcY=H ; //当前的图片高度

然后前台点查看源代码时，可以看见
var img.src="123.jpg" ;//指定src
var srcX=500 ; //当前的图片实际宽度
var srcY=400 ; //当前的图片实际高度

可以这样吗？

参考技术A 用我的这个代码你测试下!

<script>
var flag=false;
function DrawImage(ImgD,FitWidth,FitHeight)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0)
flag=true;
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;




</script>
---------------------------------------------------------------
调用:
<img border=0 src=123.jpg onload="javascript:DrawImage(this,500,400);">
其中:宽=500，高=400 可以修改.

android中的动画可以改变一个view的高和宽吗

android中有三种动画类型，分别是TweenAnimation， FrameAnimation和PropertyAnimation。

要在视觉上改变view的高和宽，只是视觉

一：可以使用TweenAnimation类型的缩放动画ScaleAnimation，但是通过实践可以发现虽然视觉上view控件是增大或者缩小了，但是触摸范围还是原来的大小，真正意义上的宽高也就是getMeasureWidth和getMeasureHeight的值并不会改变，所以不符合要求

二：使用PropertyAnimation，属性动画就是通过改变控件的属性来达到动画的效果，所以根据需求属性动画是合适的

示例代码如下

View view;
ObjectAnimator animator = ObjectAnimator.ofFloat(view, "scaleY", 1f,2f);
animator.setDuration(1000);
animator.start();

上面代码的效果就是让view的高度拉伸一倍

只要是控件的setXXX方法可以改变view就可以使用，比如setTranslationX,setScrollY等等方法

参考技术A 　类似效果，你的动画改变view布局参数，应该对imageView应用新的布局参数。

　　创建应用新布局参数（lp）的自定义动画，对不同imageView每个框架都设置不同高宽。然后图片就可以增大尺寸，并且移动其他图片，这样的例子在网上可以找到。

　　@Override
　　protected void applyTransformation(float interpolatedTime, Transformation t)
　　android.view.ViewGroup.LayoutParams lp = mContent.getLayoutParams();
　　lp.height = (int) (mStartHeight + mDeltaHeight * interpolatedTime);
　　mContent.setLayoutParams(lp);
　　本回答被提问者和网友采纳