IE 11、10和9中的图像缩放非常糟糕

在你说这是一个现有的问题,或者我需要使用的是ms插值模式,或者我只需要在服务器上有一个预缩放版本的图像并提供它之前,阅读这个问题。请这些都不合适

我有一个应用程序,在所有现代浏览器的浏览器中使用HTML5画布绘制非常大的图像。我从画布中拉出一个图像并显示它(屏幕上的图像尺寸大幅缩小)。缩小后的图像在Chrome、Firefox、Safari或Opera(无论是Windows还是Mac)上看起来都很好。然而,IE看起来非常糟糕,尽管我没有在旧版本的IE上测试它(比如IE 7中ms插值模式的工作方式),但只在IE 9、10和11上测试

为什么它们不能平滑地缩小图像?我以为后来的IE版本可以做到这一点

这是我的图像截图,保存为PNG文件并加载到IE 11中。请注意,即使我所做的只是查看PNG,它也会被破坏。我的软件和我的网页完全不在这里。这只是IE11显示的PNG文件

我是否要在画布上做一些调整,只是为了为IE制作一个缩小版,因为它们无法处理市场上其他浏览器都能轻松处理的图像缩放?有没有什么我可以通过CSS打开,使这看起来更好

以下是生成的图像之一的直接链接:http://i.imgur.com/T9wgHSo.png. 演示如何在IE 9、10和11的页面中以明显更小(例如0.25倍)的大小使其看起来更好

为什么它们不能平滑地缩小图像?因为InternetExplorer不再支持平滑的插值形式。在早期版本的Internet Explorer(版本7)中,它确实通过使用ms插值模式得到支持

IE的较新版本不支持此功能。这是一个非常令人沮丧的IE问题,CSS无法解决

您唯一的选择是转向其他选择(在服务器上缩小规模,或者服从Microsoft并使用Silverlight…;-))

我不想说,但唯一真正的解决办法就是接受它

发表评论