`
tw5566
  • 浏览: 458744 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

此方法用来图片缩放不变形的处理

阅读更多
* @param  elementid    元素id
* @param  iwidth       设定的宽度
* @param  iheight      设定的高度
* @param  flag         不同的方式,0为没有,1为表TD,2为INPUT
* @exemple
*/
function DrawImage(elementid,iwidth,iheight,flag){
var e = document.getElementById(elementid);
if(e != null){
var ImgD = e.getElementsByTagName("IMG");
for(var i=0;i0 && this.height>0){
     if(this.width/this.height >= this.iwidth/this.iheight){
      if(this.width > this.iwidth){
       this.c_IMG.width = this.iwidth;
       this.c_IMG.height = (this.height*this.iwidth)/this.width;
      }else{
       this.c_IMG.width = this.width;
       this.c_IMG.height=this.height;
      }
     }else{
      if(this.height > this.iheight){
       this.c_IMG.height=this.iheight;
       this.c_IMG.width=(this.width*this.iheight)/this.height;
      }else{
       this.c_IMG.width = this.width;
       this.c_IMG.height = this.height;
      }
     }
     this.c_IMG.alt = this.c_IMG.width+"×"+this.c_IMG.height; 
    }
   
   }
   image.src = ImgD[i].src;
}
  }
}

分享到:
评论

相关推荐

    android layout自动缩放扩大图片

    例如,Glide提供了`fitCenter()`和`centerCrop()`等方法,方便地实现图片缩放。 6. **Nine-Patch图片**:对于需要拉伸的背景图,使用9-patch格式的图片可以保持图像的某些部分不变形,如按钮、背景等。 7. **...

    HTML5,html,响应式用户登录界面模板.7z

    响应式设计是现代网页开发的关键特性,它允许网页根据用户的设备类型(如桌面电脑、平板电脑或智能手机)自动调整布局、图片大小和功能。在这个模板中,HTML5的语义化标签如、、、和被用来创建清晰的结构,提高用户...

    java代码保存宽高不变压缩图片(失真不大).docx

    4. **读取和缩放图片**:`ImageIO.read(file)`用于从给定路径读取图片,`img.getScaledInstance()`方法则根据新的宽度和高度比例缩放图片,使用`SCALE_SMOOTH`参数确保平滑的缩放效果。 5. **创建BufferedImage对象...

    Flex位图九宫格处理工具

    在组件的皮肤中,通过指定位图的九宫格属性,并应用相应的位图处理方法,可以实现自适应的显示效果。 总之,Flex位图九宫格处理工具是Flex应用中一种强大的图形渲染技术,它使得位图能够以保持原始形状的方式进行...

    flash多图片可伸缩展示代码.rar

    在这个案例中,ActionScript可能被用来编写图片展示的逻辑,包括加载图片、控制图片的显示顺序、响应用户缩放操作等。 2. **Sprite**对象:在Flash中,Sprite是用于创建动态内容的基础类。它允许开发者在舞台上自由...

    MyMoonWarrior图片资源

    Cocos2d-x作为一个强大的2D游戏引擎,提供了丰富的工具和技术来处理游戏中的图片资源,让开发者能够构建出引人入胜的游戏场景。"MyMoonWarrior图片资源"正是这样一个专门为Cocos2d-x教程准备的素材包,旨在帮助学习...

    卷积神经网络实现垃圾图片分类.rar

    "pictureProcessor.py"可能是图片预处理模块,这个阶段包括图片的缩放、归一化、数据增强等步骤,这些预处理操作能提高模型的训练效果和泛化能力。例如,将图片转换为相同的尺寸,将像素值归一化到[0,1]区间,或者...

    Flex电子相册2

    2. **图片不变形**: - 开发者可能使用了`Matrix`类来控制图片的几何变换,确保无论放大还是缩小,图片的纵横比始终保持一致,防止拉伸变形。 - 在布局管理器中,可能会设置特定的约束,例如`MaintainAspectRatio`...

    Android门票布局效果.rar

    为了适应不同屏幕尺寸,可能需要处理图片的缩放和裁剪问题,这可以通过设置ImageView的scaleType属性实现。另外,Nine-Patch图是一种常见的优化策略,它可以确保图片在拉伸时保持关键区域不变形。 在布局设计中,...

    计算机应用基础-作业3.doc

    5. **图片缩放**:保持图片比例缩放时,应拖动图片四角的句柄,这样可以确保图片的比例不变形。 6. **文件类型识别**:.docx是Word文档的标准格式,其他如.txt是纯文本文件,.pptx是PowerPoint文件,.xlsx是Excel...

    简单的listview弹性效果,适配不同分辨率手机。

    4. **可伸缩的图片**:使用9-patch图片,它允许图片在拉伸时保持特定部分不变形。 5. **动态计算尺寸**:在代码中动态计算视图的大小,基于屏幕宽度或高度来适应不同分辨率的设备。 在ListViewDemo项目中,我们可能...

    draw9patch.zip

    在这些图片的边缘,有额外的像素区域,用来定义哪些部分应该拉伸,哪些部分保持不变。这些额外的像素被称为“分隔线”,它们以黑色像素表示,分为水平和垂直方向,告诉系统如何正确地扩展图片。 描述中提到的"可以...

    draw9patch

    9.png格式的图片是一种特殊的图像文件,它被设计用来定义一个图像的可拉伸区域和不可拉伸区域,从而在保持图像比例的同时,允许内容填充到不同的大小。这对于创建用户界面元素,如按钮、背景或任何需要动态调整大小...

Global site tag (gtag.js) - Google Analytics