How to scaling big image smoothly in canvas with drawImage? <p>When I use drawImage to scalle a big image (like 5M), the result looks terrible， is there any easier way that can scalling image with anti-aliasing? <a href="https://developer.mozilla.org/en-US/docs/Canvas_tutorial/Using_images" rel="nofollow">MDN</a> has mentioned about this:</p> <p>Note: Images can become blurry when scaling up or grainy if they're scaled down too much. Scaling is probably best not done if you've got some text in it which needs to remain legible.</p> <p><strong>EIDT:</strong> I wanna scale a image to 90x90, and my code is like this:</p> <pre><code>that.avatar_height &gt;= that.avatar_width ? that.context.drawImage($(this)[0], 86, 2, 90, that.avatar_height*90/that.avatar_width) : that.context.drawImage($(this)[0], 86, 2, that.avatar_width*90/that.avatar_height, 90); </code></pre> <p>avatar is the image to be scaled.</p>