如何調整上傳圖像到 canvas 的大小

Question

我在嘗試將上傳的圖像調整到項目的 html 時遇到問題。 當我尋找解決方案時。 網站https://www.w3schools.com/tags/canvas_drawimage.asp給了我一個想法，但我似乎無法理解腳本。 我對劇本有誤解嗎？

<javascript>    
function uploadForegroundImage(){
fileInput = document.getElementById("foregroundImageUpload");
image = new Image(fileInput);
image.onload = function() {
   var c = document.getElementById("foregroundImageCanvas");
   var ctx = c.getContext("2d");
   var img = document.getElementById(fileInput);
   ctx.drawImage(img, 10, 10, 600, 400);
  }
 }
</javascript>

Answer 1

提供的代碼應該可以工作。 如果您遇到錯誤，請確保從您有權訪問的 URL 或 select 使用 HTML 輸入標簽加載它。 另外我不知道“javascript”標簽，它應該改為“腳本”