Question

当前版本的插件不支持修复像素化问题图像与透明背景。但它显示了如何解决它的方式使用画布。添加WebGL功能将使其更快并能够处理图像透明背景。

$( document ).ready(function() {
    $('img.first').bicubicImgInterpolation({
     		crossOrigin: 'anonymous' //for demo purpose
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://rawgit.com/sukhoi1/Crossbrowser-Bicubic-Image-Interpolation/master/bicubicInterpolation.js"></script>

Handled by <b>Bicubic Image Interpolation</b> plugin:<br>
<img id="someId" class="first" width="200" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Text_Line_Length.png/800px-Text_Line_Length.png"><br>

IE9 to IE11 and Edge <b>pixelated thumbnail</b>:<br> 
<img class="second" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Text_Line_Length.png/800px-Text_Line_Length.png" width="200" alt=""><br><br>

我找到了一个插件，似乎解决了所有版本的IE和Edge浏览器的像素化问题，它被称为“Crossbrowser-Bicubic-Image-Interpolation”。

这个主题有很多相关的问题。由于未知原因，stackoverflow主持人低估了我并删除了我的答案而没有提供任何评论。

我的回答出了什么问题？这是一个代码片段，可以解决许多使用jQuery的人的问题。

对GitHub上的问题进行详细reference。

高分辨率图像设置为小尺寸时，IE缩略图像素化

0 个答案: