javascript - 洪水填充算法在 JavaScript 中的实现

Question

我是java脚本中的新手，尝试通过从PC加载图像(草图)到 Canvas 来实现java脚本中的洪水填充，但无法 如果有人可以帮助我，我将非常感激 提前致谢

Answer 1

要将图像绘制到 Canvas 上，必须首先加载图像。 以下是如何在 Canvas 上绘图的示例:

var img = new Image();
img.onload = function() {
  //draw after loading
  canvas = document.getElementById('case_canvas');
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight);
}

img.src = "/image/xgNw7.png";
//^^ this will start loading the image

fiddle :https://jsfiddle.net/pmeb1uhm/1/

请注意:由于安全(跨域策略)限制，您在绘制系统上的图像时可能会遇到问题。您应该会在浏览器开发控制台上看到错误。 我强烈建议您在本地主机上运行脚本并使用本地主机加载图像，而不是更改浏览器的安全设置。