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

Javascript
通过JavaScript脚本复制网页上的一个表格
光标定位等TextRange的操作的范例代码
网页与键盘
下拉菜单
点此处秒后立即下载
繁简字转换功能
用javascript制作放大镜放大图片
一个非常强大完整的web表单验证程序Validator v1.05
[原创]checkbox实现全选的多种方法 不断更新
关于IFRAME 自适应高度的研究
document.all还是document.getElementsByName?
光标的帖子总结(Range的使用)
下拉菜单既可以选择,又可以自己填写
用于table内容排序
匹配html标记的正则
图片向上滚动
常用参考资料(手册)下载或者链接
測試代碼真方便
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度

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


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

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

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

 

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

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

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