Javascript IE 11、10和9中的图像缩放非常糟糕
在你说这是一个现有的问题，或者我需要使用的是ms插值模式，或者我只需要在服务器上有一个预缩放版本的图像并提供它之前，阅读这个问题。请这些都不合适 我有一个应用程序，在所有现代浏览器的浏览器中使用HTML5画布绘制非常大的图像。我从画布中拉出一个图像并显示它（屏幕上的图像尺寸大幅缩小）。缩小后的图像在Chrome、Firefox、Safari或Opera（无论是Windows还是Mac）上看起来都很好。然而，IE看起来非常糟糕，尽管我没有在旧版本的IE上测试它（比如IE 7中ms插值模式的工作方式），但只在IE 9、10和11上测试Javascript IE 11、10和9中的图像缩放非常糟糕,javascript,css,image,internet-explorer,canvas,Javascript,Css,Image,Internet Explorer,Canvas,在你说这是一个现有的问题，或者我需要使用的是ms插值模式，或者我只需要在服务器上有一个预缩放版本的图像并提供它之前，阅读这个问题。请这些都不合适 我有一个应用程序，在所有现代浏览器的浏览器中使用HTML5画布绘制非常大的图像。我从画布中拉出一个图像并显示它（屏幕上的图像尺寸大幅缩小）。缩小后的图像在Chrome、Firefox、Safari或Opera（无论是Windows还是Mac）上看起来都很好。然而，IE看起来非常糟糕，尽管我没有在旧版本的IE上测试它（比如IE 7中ms插值模式的工作方式
为什么它们不能平滑地缩小图像？我以为后来的IE版本可以做到这一点 这是我的图像截图，保存为PNG文件并加载到IE 11中。请注意，即使我所做的只是查看PNG，它也会被破坏。我的软件和我的网页完全不在这里。这只是IE11显示的PNG文件 我是否要在画布上做一些调整，只是为了为IE制作一个缩小版，因为它们无法处理市场上其他浏览器都能轻松处理的图像缩放？有没有什么我可以通过CSS打开，使这看起来更好
以下是指向生成的图像之一的直接链接：。演示如何在IE 9、10和11的页面中以明显更小（例如0.25倍）的大小使其看起来更好。似乎有两个问题。 第一个是关于缩小规模的
"严格使用",；
var img=document.getElementsByTagName（'img'）[0]；
document.body.appendChild（downScaleImage（img，0.1））；
img.parentNode.removeChild（img）；
函数缩尺图像（img，scale）{/*请从另一个答案中复制代码*/}
函数缩尺画布（cv，缩放）{/*请从另一个答案中复制代码*/}
我不想说，但唯一真正的解决办法就是接受它 在我自己遇到同样的问题后，我找到了这个脚本。我在IE11的Win7虚拟机上测试了它，它运行正常 下载.zip后，您可以打开demo.html文件，查看如何应用脚本。请注意，在HTML文件的第26行，jQuery代码只针对类为“first”的图像： 但您可以删除“.first”使其成为所有图像的目标：
$('img.first').bicubicImgInterpolation({
jquery.jsbicubicInterpolation.js$('img').bicubicImgInterpolation({
ng src$('img').bicubicImgInterpolation({
<!-- enable canvas for old versions of IE -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="edit-Type" edit="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">