キャンバスイメージを取得し、そのイメージを1つのjavaScript onClickイベント内の関数で使用するにはどうすればよいですか？

Question

これはキャンバスイメージを@ img.srcに取り込む機能です。

  function draw() { 
      img = new Image(); 
      img.src = [user defined canvas image].png  
      fr1 = makeFrame(ctx,makeVect(400,0),makeVect(400,makeVect(0, 400)); 
      img.onload = function(){ //<< This Im not sure of <<< 
       ctx.save(); 
       newPainter = cornerSplit(imagePainter,5); 
       newPainter(fr1);  
       ctx.restore(); 
       ctx.save(); 
       newPainter(flipHorizLeft(fr1)); 
       ctx.restore(); 
       ctx.save(); 
       newPainter(flipVertDown(fr1)); 
       ctx.restore(); 
       ctx.save(); 
       newPainter(flipVertDown(flipHorizLeft(fr1))); 
      } 
     } 

画像がから取得されていることをキャンバスには、次のとおりです。「canvas2」は、その文脈が原因あなたの質問を言葉で表現する方法に「コンテキスト2」は、そのHTMLハンドルは「imageCreate」

Answer 1

をされ、それがすることは困難ですあなたが望むものを正確に見つけ出す。私が正しく推測したと仮定すると、キャンバスのイメージデータを取得するために、document.getElementById（ "canvas2"）。toDataURL（ "image/png"）が必要です。