用java脚本实现Flood-Fill算法

Flood Fill Algorithm implementation in java script

本文关键字:Flood-Fill 算法 实现 脚本 java      更新时间:2023-09-26

i new in java脚本试图通过将图像(草图)从PC加载到画布来实现java脚本中的洪水填充,但无法实现如果有人能帮助我,我将非常感激提前感谢

要在画布上绘制图像,必须首先加载iamage。下面是一个关于如何在画布上绘制的示例:

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 = "https://i.stack.imgur.com/xgNw7.png";
//^^ this will start loading the image

小提琴:https://jsfiddle.net/pmeb1uhm/1/

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