canvas.drawImage（）仅渲染源图像的上半部分

Question

我正在尝试从头开始制作JS图像裁剪器。我可以很好地进行裁剪，但是当我尝试使用drawImage()将图像的裁剪部分渲染到画布中时，输出仅显示图像的上半部分。知道有什么问题吗？

CodePen链接：https://codepen.io/virtuoso/full/MxrWrN

Answer 1

找到了以下帖子的解决方案：canvas drawimage draw zoomed image

问题是我应该使用<canvas>和style属性来更改width元素的height属性以设置其宽度和高度。