canvas.drawImage（）僅渲染源圖像的上半部分

Question

我正在嘗試從頭開始制作JS圖像裁剪器。 我可以很好地進行裁剪，但是當我嘗試使用drawImage()將圖像的裁剪部分渲染到畫布中時，輸出僅顯示圖像的上半部分。 知道有什么問題嗎？

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

Answer 1

從這篇文章中找到了解決方案： canvas drawimage draw zoomed image

的問題是，我是改變<canvas>元素的style屬性來設置它的寬度和高度，當我應該用它的width和height ，而不是屬性。