HTMLキャンバスをImageに変換しています。 Javascript

Question

イメージにHTMLキャンバスをエクスポートしようとしています。しかし、イメージをエクスポートすると、img src = "undefined"が表示され続けます。キャンバスを直接ページに印刷し、正しいキャンバスを取得していることを確認しました。ここで私が使用しているコードです。あなたが見ているものが間違っていることを私に教えてください。 CORS（これはHTML5）の問題かもしれませんか？

scope.getShuttleImage = function() { 
      var tmpPng 
      var imageElement 
      html2canvas(document.body.getElementsByClassName("shuttle-truck"), { 
       useCORS: true, 
       onrendered: function (canvas) { 
        tmpPng = canvas.toDataURL("image/png"); 

       } 
      }); 
      document.write('<img src= "' + tmpPng+'"/>"') // Just for testings sake 
     }; 

Answer 1

私はこの問題がhtml2canvasが非同期であると考えています。コードを次のように変更してみてください。 @Archerのように言った

scope.getShuttleImage = function() { 
     var tmpPng 
     var imageElement 
     html2canvas(document.body.getElementsByClassName("shuttle-truck"), { 
      useCORS: true, 
      onrendered: function (canvas) { 
       tmpPng = canvas.toDataURL("image/png"); 
       document.write('<img src= "' + tmpPng+'"/>"') // Just for testings sake 

      } 
     }); 
    };