html中img标签如何控制保存图片尺寸大小？

Question

使用场景是这样的，我需要用canvas生成一张图片，可以用放大画布和绘制元素来实现，但是这样导致生成的图片的宽高也会等比放大，生成的图如果尺寸缩小倍数，会清晰很多。

我想要让img的样式保持一个固定区域，可能这个比例和原图比例严重不符，但是保存下来的图片尺寸是正常的，也就是没有放大过，请问怎么操作呢？

另外我试过这个,第二个参数默认是0.92，测试后发现设置为1也无济于事，两种图片的尺寸是完全一样的。

var fullQuality = canvas.toDataURL('image/jpeg', 1.0);

Answer 1

为啥不考虑绘制到canvas 的时候限定宽高，然后把canvas 宽高也设置为图片的宽高不就好了么