Javascript JS画布上的像素化图像大小调整

因此，我在javascript画布上使用以下代码。当我调整img的大小时，它会变得非常像素化

var img = new Image();
img.src = "file.png"

ctx.drawImage(img,10,10,100,100)

为什么质量这么差！？提前谢谢你

画布大小：620x328

---

图片大小：2048x1536

您能否提供一个。我们需要知道：原始图像的大小、画布的大小（其

宽度

和

高度

属性）、其显示大小（由CSS设置的大小）@kaido done:）以及您是否通过canvas元素的属性/属性设置此画布大小（

canvas.width=620；canvas.height=328

/

@kaido我发现将文件从png设置为svg可以解决问题：）