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

Javascript
仿51JOB的地区选择效果(可选择多个地区)
Javascript打印网页部分内容的脚本
Ext面向对象开发实践(续)
js的闭包的一个示例说明
javascript 字符串连接的性能问题(多浏览器)
JavaScript脚本性能优化注意事项
js电信网通双线自动选择技巧
js DIV滚动条随机位置的设置技巧
Javascript日期对象的dateAdd与dateDiff方法
小试JavaScript多线程
jquery $.ajax入门应用一
JS 俄罗斯方块完美注释版代码
JavaScript在IE中“意外地调用了方法或属性访问”
设置下载不需要倒计时cookie(倒计时代码)
拖拉表格的JS函数
js刷新框架子页面的七种方法代码
FireFox与IE 下js兼容触发click事件的代码
js利用div背景,做一个竖线的效果。
javascript 贪吃蛇实现代码
JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)

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


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

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

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

 

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

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

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