将HTML画布转换为图像。 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 

      } 
     }); 
    };