如何在调整大小时改善低质量的画布图像？

Question

我使用canvas来调整图片大小，但调整后的图片质量很低。Example is here

我在谷歌搜索但没有找到任何易于理解和直截了当的答案。

请提供有效的解决方案。

这是我的代码

$(document).ready(function(){
   var canvas2=document.getElementById("canvas1");
   var ctx=canvas2.getContext("2d");
   ctx.drawImage(document.getElementById("img1"),0,0,200,150);
});