zoukankan
html css js c++ java
JavaScript,等比例缩放图片的函数,很好用。
在Web上显示图片,通常都会有图片显示比例问题,如果不给<img />限制width和height,那么如果图片大了就会将整个页面挤乱,图片小了又会使图片失真。
我的需求如下:
1、预先定义好图片显示的标准宽度和高度。
2、如果图片的大小超过了标准定义,那么等比例压缩图片。
3、如果图片的大小等于标准定义,那么按照标准宽度和高度显示图片。
4、如果图片的大小小于标准定义,那么不对图片进行任何压缩处理。
可能是我搜索的关键字不对吧,在网上找了很长时间,才找到,感觉很好使。代码如下
<
script language
=
"
JavaScript
"
>
<!--
//
图片按比例缩放
var flag
=
false
;
function DrawImage(ImgD,iwidth,iheight)
{
//
参数(图片,允许的宽度,允许的高度)
var image
=
new
Image();
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
>
调用:
<
img src
=
"
images/toplogo.gif
"
onload
=
"
javascript:DrawImage(this,100,100)
"
>
查看全文
相关阅读:
linux打开window文件出现乱码 修正
深入理解计算机系统 第2章 信息的表示和处理
算法导论 第六章 堆排序 习题6.58 k路合并排序
python 的二进制、八进制、十六进制数表示
算法导论 第二章 合并排序-分治算法
在Emacs中用ibus输入法切换输入法问题
python round(x[, n])函数
算法导论 第六章 堆排序
普林斯顿算法课第四周作业_8Puzzle
webshell 提权思路
原文地址:https://www.cnblogs.com/kingeric/p/609476.html
最新文章
MVC Views文件夹下js无法访问问题解决方案
MVC 为反射出来的object执行模型绑定
PHP环境配置
ABP基于Attribute构建动态Api
discuz 添加帖子背景后再次编辑 帖子内容乱码 解决方案
ABP 默认语言未定义(Default language is not defined)
如何利用git由本机向github上传文件
常用的一些linux命令
Jmeter学习笔记TWO
VMware安装Centos7,已将该虚拟机配置为使用64为,却无法执行64位操作
热门文章
虚拟机下Centos7如何设置静态IP地址
Jmeter学习笔记ONE
Centos7下安装python,查看python版本
JavaScript values: not everything is an object
Hudson 中集成 jsHint 方法
如何在你的页面加入'代码皮肤'.
项目总结
模式匹配
快速排序算方法
算法导论 第二章 简单排序算法--插入排序,冒泡排序,选择排序
Copyright © 2011-2022 走看看