Javascript html2canvas:拍摄一个div不工作的屏幕截图
我想使用javascript在DOM中截取一个元素的屏幕截图,并将其自动保存在本地计算机上,而无需单击按钮。我看到很多建议,但没有一个是真正的工作方式,我希望它。这是我读到的一些例子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:
这是一些文本
这是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);
}