Java脚本中的Flood Fill Algorithm实现

时间:2016-07-29 12:25:29

标签: javascript flood-fill

我是java脚本中的新手,尝试通过从PC到画布的加载图像(草图)实现java脚本中的泛洪填充但不能 如果有人能帮助我,我将非常感激 提前谢谢

1 个答案:

答案 0 :(得分:0)

要将图像绘制到画布上,必须首先加载iamge。 以下是如何绘制到画布的示例:

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

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

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