温馨提示:本文翻译自stackoverflow.com,查看原文请点击:jquery - HTML2Canvas not working, need to console image url
jquery html2canvas

jquery - HTML2Canvas无法正常工作,需要控制台图片网址

发布于 2020-03-27 12:01:32

我正在尝试对包含全日历的div的视图进行屏幕截图,但无法这样做。我尝试了以下代码:

  function screenshot(){
     alert('zz'); html2canvas(document.querySelector('#calendar')).then(function(canvas) {
        document.body.appendChild(canvas);
        console.log(canvas.toDataURL());
     });
    }

每当我单击屏幕截图时,我都想捕获的图像div#calendar并需要管理该URL,以便以后在社交媒体中共享此页面链接时可以将该图像用作缩略图。

您可以在Codepen查看

查看更多

查看更多

提问者
Aayush Dahal
被浏览
19
458 2019-07-04 13:18

您可以使用下面的函数使用html2canvas获取图像。

function screenshot(){
      console.log(html2canvas(document.querySelector('#calendar')))
      html2canvas(document.querySelector('#calendar'), {
      onrendered: function(canvas) {  
        var image = canvas.toDataURL("image/png");
        console.log("image => ",image); //image in base64
        var pHtml = "<img src="+image+" />";
        $("#parent").append(pHtml); //you can append image tag anywhere
        }
     });
 }