网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
图形特效
> 正文
比较实用的利用javascript按比例相应缩放图片大小
蓝色理想 2009/9/4 8:18:31 深山行者 字体:
大
中
小
浏览 14152
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>比较实用的利用javascript按比例相应缩放图片大小</title> <script language="JavaScript" type="text/javascript"> <!-- function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ 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> </head> <body> 以下为原始图大小： <p> <img src="/UploadFiles/demo/002.jpg" /></p> 以下为缩小图 <p><img src="/UploadFiles/demo/002.jpg" onload="DrawImage(this,111,111)" border="0"></a> </p> 以下为放大图(结果，放不大。。呵呵。。) <p><img src="/UploadFiles/demo/002.jpg" onload="DrawImage(this,888,887)" border="0"></a> </p> </body> </html>
前一页:
javascript实现图片预览功能
后一页:
一个效果非常不错图片载入loading等待效果
相关阅读
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
旅行社线路主题默认模板4
Div+CSS+JS树型菜单，可刷新
网页制作,改变你的思维方
兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）
旅行社线路主题默认模板2
给个photoshopcs下载地址,大家可能用到
expression为什么性能差？[转帖]
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
div+css黑色焦点图(幻灯片效果非常 不错)
javascript实现图片预览功能
比较实用的利用javascript按比例相应缩放图片大小
一个效果非常不错图片载入loading等待效果
利用css实现图片选中后显示文字与图片效果
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
利用javascript鼠标经过表格，行与列变色
深山行者留言系统V2.3
python加Appium判断滑动是否到达屏幕底部
双击文字后实现编辑文本功能
asp Microsoft.XMLHTTP生成静态页延迟解决方案
iframe里阻止_blank弹出新窗口的方法
更多标签
热门标签
保护眼睛的电脑色
text
网站
相册
css
网易
框架
许愿
表单
初级
vista
弹窗
数据库
文字样式
高
市
倒计时
对联
闭合
左右
底部
论坛
用户体验
禁止
标注
编辑
进度
伪类
广告
Response
县
文本
onload
万年历
背景
像素
hidden
不对齐
变化
checkbox
max
框 移
字母
dw 访问量
改变
关于我们
企业
css 透明
过滤
右键失效
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号