有没有办法使用HTML5画布按比例将小图像转换为大图像

Question

我编写了一些业务逻辑，使用HTML5画布删除图像的不必要区域并生成另一个图像。结果图像的尺寸很小，如500x300。我的要求是generate high resolution image from that small image。

我使用drawImage方法删除不必要的部分

context.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh);

我是否可以通过调整画布来生成高分辨率图像？

Answer 1

context.drawImage(img, sx, sy, sw * 2, sh * 2, 0, 0, sw, sh);

使用此选项将图像尺寸乘以2