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

Question

我正在使用canvas调整图像大小，但调整大小的图像质量很低。例子在这里

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

请提供一个可行的解决方案。

这是我的代码

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