当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE7浏览器下缩放图片失真问题

Javascript
Javascript开发包大全整理
获取Javscript执行函数名称的方法
间隔滚动效果-兼容IE和FireFox
使用Modello编写JavaScript类
一个最简单的级联下拉菜单
用Javascript实现UTF8编码转换成gb2312编码
添加到收藏夹的Javascript脚本 for ie,firefox
一些常用的Javascript函数
颜色选择: ColorMatch 5K
Javascript实现的分页函数
在IE下:float属性会影响offsetTop的取值
用javascript获取地址栏参数
人民币数字转换成大写形式
改进:论坛UBB代码自动插入方式
获取table中的rowIndex和cellIndex
JavaScript事件列表解说
取得input元素中部分选中(selected)的值
破解md5加密扫描程序(适合扫描弱密码)[
JavaScript中Array 对象相关的几个方法
Javascript直接定义对象实例[

Javascript 中的 IE7浏览器下缩放图片失真问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 263 ::
收藏到网摘: n/a

图片缩放会失真是真理,在浏览器里也一样,貌似使用传说中的 双三次插值 可以让失真看起来比较不明显,但是真的想不通IE7已经实现了,却不默认打开,是体谅我们的CPU还是内存呢?

简单来说,我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情况下,失真变得不怎样明显,

 

更多的测试可以到可以到 MSDN做的例子看一下效果,或者到 血統の森-web実験小屋 看一下效果。

没想到IE7平滑的效果居然可以比Safari好。更让我想不到的是,居然还有另一个属性值nearest-neighbor,难道为了让人节省CPU而使用吗?最少我现在还没想到为什么要用的理由。

BTW:那时发现这个属性后给同事笑到说,人家某部门去年就发现了,居然我开始火星鸟,不过发现了不用也没什么作用,呵呵,谨以此文献给比我还火星滴同学