IE thumbnail pixelation when high resolution image

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>

I have found a plugin which seems to solve pixelation issue for all versions of IE and Edge browsers, it is called "Crossbrowser-Bicubic-Image-Interpolation".

There are a lot of related questions to this topic. And for unknown reason stackoverflow moderators downvoted me and removed my answer without providing any comment.

What was wrong with my answer? Here is a code snippet which may solve the issue for many people using jQuery.

Detailed reference to the problem on GitHub.