如何调整上传图像到 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”标签，它应该改为“脚本”