Javascript html2canvas:拍摄一个div不工作的屏幕截图

Javascript html2canvas:拍摄一个div不工作的屏幕截图,javascript,jquery,html,canvas,html2canvas,Javascript,Jquery,Html,Canvas,Html2canvas,我想使用javascript在DOM中截取一个元素的屏幕截图,并将其自动保存在本地计算机上,而无需单击按钮。我看到很多建议,但没有一个是真正的工作方式,我希望它。这是我读到的一些例子 这是一些文本 这是div元素中的标题 这是div元素中的一些文本 这是一些文本 试试{ 调试器; $.getScript(“html2canvas.js”,function(){ var takeScreenShot=函数(){ html2canvas($(“#myContainer”){ onrendered:

我想使用javascript在DOM中截取一个元素的屏幕截图,并将其自动保存在本地计算机上,而无需单击按钮。我看到很多建议,但没有一个是真正的工作方式,我希望它。这是我读到的一些例子


这是一些文本

这是div元素中的标题 这是div元素中的一些文本

这是一些文本

试试{ 调试器; $.getScript(“html2canvas.js”,function(){ var takeScreenShot=函数(){ html2canvas($(“#myContainer”){ onrendered:函数(画布){ var tempcanvas=document.createElement(“画布”); 宽度=350; 高度=350; var context=tempcanvas.getContext(“2d”); 背景.drawImage(canvas,112,0288200,0,0350350); var link=document.createElement(“a”); link.href=tempcanvas.toDataURL(“图像/png”) link.download=“myImage.png”; link.click(); } }); } }); } 捕捉(错误){ 警报(错误消息); }

问题是我没有收到任何错误,也没有截图。

您正在定义函数takeScreenShot,但从未实际调用它。您需要使用
takeScreenShot()调用函数

或更完整:

try { 
debugger;
$.getScript("html2canvas.js", function() {  

                    var takeScreenShot = function() {

                    html2canvas($("#myContainer"), {

                   onrendered: function (canvas) {

                        var tempcanvas=document.createElement("canvas");

                        tempcanvas.width=350;
                        tempcanvas.height=350;
                        var context=tempcanvas.getContext("2d");

                    context.drawImage(canvas,112,0,288,200,0,0,350,350);
                         var link=document.createElement("a");
                          link.href=tempcanvas.toDataURL("image/png")
                          link.download = "myImage.png";
                          link.click();

                       }
                    }); 
                 }  
               takeScreenShot();
          }); 

}
catch (err) {
     alert(err.message);
}

非常感谢。我刚才也注意到了。
try { 
debugger;
$.getScript("html2canvas.js", function() {  

                    var takeScreenShot = function() {

                    html2canvas($("#myContainer"), {

                   onrendered: function (canvas) {

                        var tempcanvas=document.createElement("canvas");

                        tempcanvas.width=350;
                        tempcanvas.height=350;
                        var context=tempcanvas.getContext("2d");

                    context.drawImage(canvas,112,0,288,200,0,0,350,350);
                         var link=document.createElement("a");
                          link.href=tempcanvas.toDataURL("image/png")
                          link.download = "myImage.png";
                          link.click();

                       }
                    }); 
                 }  
               takeScreenShot();
          }); 

}
catch (err) {
     alert(err.message);
}