上传图片 - ＆gt;画布 - ＆gt;图像 - 尺寸问题

Question

我使用文件阅读器来阅读用户上传的图像，我将画布调整为图像的宽度和高度。

GROUP BY agent_id

然后我将图像绘制到画布上。

var img = new Image();
img.src = e.target.result;
var canvas = $('#test-canvas')[0];
$('#test-canvas').width(img.width);
$('#test-canvas').height(img.height);

然后我将画布添加到图像

var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0 canvas.width, canvas.height);

稍后我计划添加读取exif数据，并相应地旋转图像。

我遇到的问题是图像始终是默认的画布大小（300 x 150） - 为什么？我需要它与上传的图像大小相同吗？

Answer 1

<div class="row">
        <canvas hidden="hidden" id="canvas" width="1280" height="720" >
        </canvas>
</div>