带有Frame的页面：
<script language="JavaScript">
if(window.frameElement!=null)
{
window.frameElement.attachEvent("onresize",winResize);
}
else
{
window.attachEvent("onresize",winResize);
}
function winResize()
{
var img=document.getElementById("img");
DrawImage(img);
}
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = document.body.clientWidth*0.95; //定义允许图片宽度
var iheight = document.body.clientHeight ; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
//ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
<body>
<img id="img" src="<%=url%>" onload="DrawImage(this)" alt=""/>
</body>
分享到：
相关推荐
这通常涉及到获取窗口的原始大小和当前大小，然后根据这些尺寸计算出缩放比例，最后将每个控件的大小和位置调整为按比例缩放的新值。描述中提到的“手动计算左上间距实现等比例代码”就是指的这个过程。 以下是一个...
标题“C#窗口按比例缩放.rar”表明这个压缩包包含了关于如何实现C#窗体控件按比例缩放的解决方案。描述中提到，当用户拖动窗口调整大小时，窗体内的控件会根据窗口的新尺寸自动调整其大小和位置，以保持视觉上的比例...
标题中的“PB按比例缩放图片.rar”表明这是一个关于PowerBuilder（简称PB）的应用示例，主要用于图片的按比例缩放。在编程中，尤其是在GUI应用程序开发中，图像的缩放是一个常见的需求，用于适应不同的屏幕尺寸或者...
### PB设计窗口按比例缩放知识点详解 #### 一、知识点概述 在PowerBuilder（简称PB）开发过程中，为了确保应用程序界面在不同分辨率或不同大小的屏幕上的展示效果一致，通常需要实现界面元素的按比例缩放功能。...
本篇文章将深入探讨如何实现C#控件大小及字体随窗口大小改变的自动缩放。 首先，我们要理解Windows Forms和WPF这两个C#中的主要UI框架如何处理控件的大小调整。在Windows Forms中，可以通过设置控件的Anchor和Dock...
以下是一个简单的例子，展示如何使一个按钮（Button）随着窗体的宽度和高度按比例缩放： ```vb Private Sub Form_Resize() Dim buttonWidth As Integer Dim buttonHeight As Integer ' 获取按钮原始的相对宽度...
2. **比例因子**：为了实现按比例缩放，需要确定一个基础比例因子，通常是对话框初始大小和控件初始大小之间的比例。当对话框大小变化时，根据新的对话框大小和基础比例因子计算新的控件大小。 3. **控件布局管理**...
- 在WPF中，可以利用Grid的Star(*)大小分配，或者设置ViewBox作为父容器，让其内部的控件按比例缩放。 - 在Qt中，可以利用QLayouts进行布局管理，或者使用QGraphicsView和QGraphicsScene进行更高级的图形渲染和...
通过在控件上应用ScaleTransform，并绑定到窗口的大小，可以实现按比例缩放。 5. **Event Handling**：为了实现按Ctrl+滚轮缩放，需要监听MouseWheel事件，并在事件处理程序中更新界面的缩放比例。这可以通过使用...
通过以上方法，你可以使用jQuery轻松实现图片的等比例缩放，无论是在不同分辨率的设备上还是在窗口大小变化时，都能保持良好的视觉效果。同时，这也能帮助提高网站的响应式设计能力，提供更好的用户体验。在实际应用...
源码中的“刷新按比例缩放控件”函数很可能是执行这一操作的关键，它会根据当前窗口的比例因子更新所有相关控件的尺寸。 “取子控件信息”和“取父控件信息”功能则用于获取控件的层级关系和位置信息。在缩放过程中...
能够自动根据要求缩放窗口内的控件，使用很简单很强大。 STFormResizer 对象核心方法：。 Initlize(主窗口窗口句柄)：初始化，通常用于 _窗口创建完毕下调用。 AddCtrl(控件句柄)：添加控件和缩放规则。 Update()：...
"图像类_labview图像_labview_图像按比例缩放_"这个主题聚焦于如何使用LabVIEW来处理图像，特别是如何实现图像的按比例缩放。下面我们将深入探讨这个知识点。 首先，理解图像缩放的概念是必要的。在数字图像处理中...
当你想要创建一个能够优雅地适应不同屏幕分辨率和窗口状态（如最大化、最小化和普通模式）的应用程序时，"VC按比例缩放窗口及控件"的知识点显得尤为重要。 首先，我们需要理解窗口的大小调整机制。在Windows API中...
我们需要确保这个方法返回的是按比例缩放后的宽度，而不是固定的原始宽度。 4. **sectionResizeMode()**：设置列的调整模式为Qt::Interactive，这样用户可以手动调整列宽，同时我们的自定义逻辑会处理等比例缩放。 ...
在MFC中，窗口的大小调整通常通过CWnd类的成员函数OnSize来处理，该函数在窗口大小改变时被调用。而实现任意比例缩放，我们需要扩展这个机制，使得窗口可以按照非线性的比例进行缩放。 VC6是微软的老一代集成开发...
### 让界面上的控件随窗口大小任意缩放的代码详解 #### 一、引言 在开发图形用户界面（GUI）应用时，我们常常会遇到这样的需求：希望界面中的控件能够随着窗口大小的变化而自动调整尺寸，从而保持良好的视觉效果和...
然后，将这个比例应用到每个控件的Width和Height属性上，使它们按比例缩放。 对于字体的缩放，原理类似。我们可以获取窗体的当前字体大小，然后乘以相同的比例因子，更新控件的Font属性。这样，无论窗体大小如何...
在Qt框架中，创建一个无边框窗口并支持自定义缩放窗口大小是常见的需求，尤其是在设计具有现代感和简洁界面的应用程序时。Qt库提供了丰富的API和工具，使得开发者可以轻松实现这样的功能。以下是对这个主题的详细...