下载 >  开发技术 >  Javascript > JS按照比例缩小图片

JS按照比例缩小图片 评分:

图片缩小时,按照原始图片的比例缩小,不至于缩小导致图片变形! function imgage(ImgD){ var image=new Image(); var iwidth = 400; //定义允许图片宽度 var iheight =450; //定义允许图片高度 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.h eight*iwidth)/image.width; }else{ 。。。。。。
...展开详情收缩
2011-10-22 上传大小:113KB
分享
收藏 举报
js 最完美解决 图片在图片框内按宽高比例自动缩放
JS控制图片显示的大小(图片等比例缩放)
js让图片自动按比例缩小代码
js等比例缩小图片

NULL 博文链接:https://yuanyuan7891.iteye.com/blog/876106

立即下载
js按比例缩放图片,不变形,不失真

图片如果直接限制其高度或宽度,就会使图片变形,失真 这里提供按比例缩放图片解决的这个问题 js文件很小,只有0.5KB 但是这个还有其他方法,就是上传的时候按比例生产缩略图

立即下载
JS控制图片大小(等比例缩放)

JS控制图片大小(等比例缩放)

立即下载
js实现图片上传并按比例缩放后预览

mvc框架下,用js控制,实现上传图片并按比例缩放后预览。经测试,在ie6、ie7、ie8、傲游浏览器上都可以使用,全用jsp标签也没问题。

立即下载
js图片缩放效果制作鼠标滚动图片比例缩放

js图片缩放效果制作鼠标滚动图片等比例缩放代码

立即下载
js控制图片缩放 不失真 获取图片真实长和宽

1--控制一张图片等比例缩放容易 ,不失真 2--控制多张图片切换时每张图片保持等比例缩放,不失真

立即下载
viewer.js图片缩放

viewer.js它是jQuery的一款插件,可以对图片进行放大缩小,左右滑动等功能包含挺多;使用起来挺方便的。

立即下载
js控制图片放大、缩小、按比例显示

自己搜集的js控制图片放大、缩小、按比例显示,包括鼠标滚动放大缩小图片(兼容火狐)、按设定比例显示图片、双击图片放大缩小等。

立即下载
input-file的本地图片预览+等比例缩放

在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。

立即下载
hammer.js移动端图片手指缩放插件

实现移动端图片的查看后对图片的缩放移动操作 以及实现多图可切换实现相同功能。

立即下载
原生JS实现大图片比例缩放.zip

原生JS实现大图片按比例缩放是一款原生JavaScript制作网页div里面大图片按比例缩放排列。

立即下载
保持原比例不变改变图片大小的JS,很好用,有实例

resizepic.js就是我整理的可保持原比例不变改变图片大小的JS,很好用,有实例index.htm。 原图显示(534 X 800) onload="AutoResizeImage(0,0,this) 1.按宽度250压缩,不限制高度 按比例压缩 onload="AutoResizeImage(250,0,this)" 2.按高度250压缩,不限制宽度 按比例压缩 onload="AutoResizeImage(0,250,this)" 3.按高度250宽度250 按比例压缩 onload="AutoResizeImage(250,250,this)"

立即下载
js完美实现同时拖拽、旋转、放大缩小图片的手势操作 ver2 添加图片截取功能

Tomcat部署后移动端访问测试(个人上传最终版本?) 使用hammer.js+cropper.js 实现手势同时操作,即旋转时也可以拖拽放大 添加截取图片功能,可设置截图宽高比例,可设置截取的图片宽高值 添加复位功能

立即下载
JS图片比例截取中间部分 缩略图不失真

JS按照图片比例缩放,截图图片中间部分,仿人人相册缩略图效果,保证图片不失真

立即下载
保持原图比例放大缩小图片

使用方法:调用onload=AutoResizeImage()即可: <img src="./sample_pic.jpg" border="0" width="0" height="0" onload="AutoResizeImage(300,600,this)" /> 注意设置width="0" height="0" 也可onload="AutoResizeImage(0,250,this)"或onload="AutoResizeImage(250,0,this)" ,注意体会。 以下为使用示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

立即下载
js实现图片的按比例缩放

在WEB开发中,当指定图片的大小时,会使图片变形,用JS脚本实现图片的按比例缩放.

立即下载
图片自动按比例缩小代码防止页面被图片撑破.rar

图片自动按比例缩小代码防止页面被图片撑破

立即下载

热点文章

下载码下载
做任务获取下载码
取消 提交下载码
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

JS按照比例缩小图片

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
3 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: