关于图片按比例自适应缩放的js代码
如下图。 瞄了一下,居中可以用 text-align:center; 来实现。而按比例缩放,利用预设 的 width 、height 属性解决不了。因为用户图片可能是很长的,也可能是很宽的。在线上想了一下他们的关系,按条件来判断是这样的:实现代码如下: if(实际宽度 > 预览最大宽度) {
如下图。 瞄了一下,居中可以用 text-align:center; 来实现。而按比例缩放,利用预设 的 width 、height 属性解决不了。因为用户图片可能是很长的,也可能是很宽的。在线上想了一下他们的关系,按条件来判断是这样的:实现代码如下: if(实际宽度 > 预览最大宽度) {
js部分是这样的: 实现代码如下: //**********************图片上传预览插件************************ //作者:IDDQD(2009-07-01) //Email:iddqd5376@163.com //http://blog.sina.com.cn/
还是先看看基础部分吧。首先,我们知道在页面中显示图片是如下代码: src是图片路径,border控制图片边缘宽度,width是图片的长度,height是图片的高度。缩略图的生成其实就是在原始尺寸上缩放。但一般为了尽量少失真,我们都会按比例缩放。于是,获取图片的长宽尺寸也就成了生成缩略图的重
1.空间大小是与主网站共用空间。在总空间没用完前,是不受限制的。 2.IIS链接数按比例在各个绑定的网站之间分配。 3.如果设置了带宽限制,带宽也是按比例在各个绑定的网站之间分配。 4.子目录绑定的网站,都是与主网站共用一个应用程序池。
以下是程序代码:0 if(image.width/image.height>= iwidth/iheight){if(image.width>iwidth){ImgD.width=iwidth;ImgD.height=(image.height*iwidth)/image.width;}