我想上傳一個圖像，然后裁剪它，然后在我的網站上預覽它，它工作，但當我使用html2canvas下載畫布時，裁剪后的圖像變得扭曲。

CSS:

#uploadedImage{
    position: absolute;
    height: 344px;
    width: 191px;
    object-fit: cover;
    object-position: center;
    margin-bottom: -50px;
}

JavaScript:

const myElement = document.getElementById('frameContainer');
function imageDownload() {
  myElement.style.borderRadius = 0;
  html2canvas(myElement).then(canvas => {
  const link = document.createElement('a');
  link.download = 'image.jpg';
  link.href = canvas.toDataURL('image/jpg');
  document.body.appendChild(link);
  link.click();
  }).catch(error => {
  console.error('Error:', error);
  });
}

我找到了一個解決辦法，用背景代替圖像。