javascript - IE thumbnail pixelation when high resolution image is set to small size

Question

Current version of plugin does not support fixing pixelation issue for images with transparent background. But it shows the way how to fix it using canvas. Adding WebGL functionality will make it faster and enable handling images with transparent background.

$( 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>

Answer 1

Waitting for answers