IE 11,10和9中的图像缩放是可怕的 [英] Image scaling in IE 11, 10, and 9 is terrible

问题描述

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

Before you say this is an existing question, or that all I need to use is ms-interpolation-mode, or that I just need to have a pre-scaled version of the image on the server and serve that up, read the question. Please. None of those are appropriate.

我有一个应用程序使用HTML5画布在所有现代浏览器的浏览器中绘制非常大的图像。我从画布中拉出一个图像并显示（在屏幕上大小缩小）。缩放后的图片在Chrome，Firefox，Safari或Opera（无论是Windows还是Mac）上都能正常显示。 IE但是看起来很可怕，即使我不是测试这个老版本的IE（如IE 7插值模式工作的IE 7），但只在IE 9,10和11。

I have an app that draws a very large image using the HTML5 canvas in the browser on all modern browsers. I pull an image out of that canvas and display it (shrunk down considerably in size on-screen). The scaled down image looks fine on Chrome, Firefox, Safari, or Opera whether Windows or Mac. IE however looks very terrible, even though I'm not testing this on old versions of IE (like IE 7 where the ms-interpolation-mode works), but only on IE 9, 10, and 11.

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

Why are they not smoothly scaling down the image? I thought later versions of IE could do this?

这是我的图像截图作为一个PNG文件，并加载到IE 11中的屏幕截图。注意，所有我在做的是看着PNG。我的软件和我的网页是完全不在这里的图片。这只是IE 11显示PNG文件。

Here's a screenshot of my image saved off as a PNG file and loaded up in IE 11. Note that it's broken even if all I'm doing is looking at the PNG. My software and my web page are completely out of the picture here. This is just IE 11 showing a PNG file.

我必须在画布上做一些调整大小，只是为了缩小IE版本，因为它们不能处理图像缩放市场上的其他浏览器轻松处理？

Am I going to have to do some kind of resizing in the canvas just to make a reduced size version for IE because they can't handle image scaling that every other browser on the market handles with ease? Is there nothing I can turn on via CSS to make this look better?

这是一个直接链接到一个生成的图像： http://i.imgur.com/T9wgHSo.png 。告诉我如何在IE 9，10和11的页面中显示更小（例如0.25x）的大小。

Here's a direct link to one of the generated images: http://i.imgur.com/T9wgHSo.png. Show me how to make this look good in a significantly smaller (say 0.25x) size in a page for IE 9, 10, and 11.

推荐答案

为什么它们不能平滑地缩小图像？因为Internet Explorer根本不支持平滑形式的插值。它在早期版本的Internet Explorer（版本7）中的确通过使用ms插值模式支持。

Why are they not smoothly scaling down the image? Well because Internet Explorer simply does not support a smooth form of interpolation any more. It was indeed supported in earlier versions of Internet Explorer (version 7) by using ms-interpolation-mode.

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

Newer versions of IE do not support this. It is a very frustrating IE issue and cannot be solved by CSS.

您唯一的选择是转移到其他选项（在服务器上降级或服从微软，使用Silverlight ... ;-)）。

The only options you have is to divert to alternatives (downscale it on the server or obey Microsoft and use Silverlight... ;-) ).

讨厌说，但唯一真正的解决方案是只与它一起生活。

Hate to say it but the only true solution is to just live with it.

这篇关于IE 11,10和9中的图像缩放是可怕的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！