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)
"
>
查看全文
相关阅读:
下午不想写代码了,写个shelve的模块使用(简单实用的小型数据库)。
io,pickle,json,一把梭哈,把这三个模块都讲了。
import 和 __import__的区别
namedtuple工厂函数,创造一个像实例对象的元祖(感觉到了Python的奇妙与可爱之处)。
写一下base64字节码转换工具。
Python加密模块的hashlib,hmac模块介绍。
简述Orderdict,defaultdcit,ChainMap以及MappingProxyType
工作中碰到的小问题,如何对列表内的字典排序,以及operator.itemgetter介绍。
最近在写一个虚拟币搬砖脚本,几条建议备注下。
Python的re,正则表达式,希望这次比较能让我记住里面的80%以上。(未完成,待继续)
原文地址:https://www.cnblogs.com/kingeric/p/609476.html
最新文章
jupyter常用快捷键
yum安装mysql5.6
虚拟机网络设置
Redis——安装
MySQL——安装
xlrd、xlwt操作execl表格
大型网站典型故障案例分析
注入攻击
Tornado的基本知识
整合Flask中的目录结构
热门文章
调用未绑定的父类方法和使用supper 函数 之间的选择.
Python ~~~ 面向对象的利器
Python 类的一些BIF
Python mix-in 组合 ~ 将类组合起来 .
Python _ 开始介绍对象
Python的图形化界面
wMy_Python ~储存相关~
递归.
My_Python的常用函数.
函数和变量生存区间
Copyright © 2011-2022 走看看