Javaスクリプトのフラッドフィルアルゴリズムの実装

Question

Javaスクリプトの新しい機能私は、PCからキャンバスへのロードイメージ（スケッチ）によるJavaスクリプトのフラッドフィルを実装しようとしていましたが、 誰も助けてくれませんか？ ありがとうadvance

Answer 1

イメージをキャンバスに描画するには、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/

注意してください：あなたが原因のセキュリティ（クロス元ポリシー）にあなたのシステム上にある画像を描画問題が発生する可能性があり限界。あなたのブラウザのdev-consoleにエラーが表示されるはずです。 ブラウザのセキュリティ設定を変更する代わりに、localhostでスクリプトを実行し、localhostを使用してイメージをロードすることを強くお勧めします。