javascript - IE 11、10 和 9 中的图像缩放很糟糕

Question

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

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

为什么他们不能平滑地缩小图像？我以为更高版本的 IE 可以做到这一点？

这是我保存为 PNG 文件并在 IE 11 中加载的图像的屏幕截图。请注意，即使我所做的只是查看 PNG，它也已损坏。我的软件和我的网页在这里完全不合时宜。这只是显示 PNG 文件的 IE 11。

我是否必须在 Canvas 中进行某种调整大小才能为 IE 制作缩小尺寸的版本，因为它们无法处理市场上所有其他浏览器都能轻松处理的图像缩放？有没有什么我可以通过 CSS 打开来使它看起来更好？

这是生成的图像之一的直接链接:http://i.imgur.com/T9wgHSo.png .告诉我如何使它在 IE 9、10 和 11 的页面中以明显更小(比如 0.25 倍)的尺寸看起来不错。

Answer 1

为什么他们不能平滑地缩小图像？嗯，因为 Internet Explorer 根本不再支持平滑形式的插值。它确实在早期版本的 Internet Explorer(版本 7)中通过使用 ms-interpolation-mode 得到支持。

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

您唯一的选择是转向替代方案(在服务器上缩小规模或服从 Microsoft 并使用 Silverlight...;-))。

不想这么说，但唯一真正的解决办法就是忍受它。