Javascript 将html字符串呈现到画布而不显示html本身
我想将html字符串转换为图像,类似于此处的操作: 但是,我不想在页面上显示结果图像以外的任何内容。因此,我不能简单地将html字符串添加到DOM中。我认为我正在努力实现的目标是可能的,因为我正是这样做的 我尝试了以下生成空结果的操作:Javascript 将html字符串呈现到画布而不显示html本身,javascript,html,html2canvas,Javascript,Html,Html2canvas,我想将html字符串转换为图像,类似于此处的操作: 但是,我不想在页面上显示结果图像以外的任何内容。因此,我不能简单地将html字符串添加到DOM中。我认为我正在努力实现的目标是可能的,因为我正是这样做的 我尝试了以下生成空结果的操作: var doc=document.implementation.createHTMLDocument(); doc.open(); 文件写入(“测试”); doc.close(); html2canvas(文件正文{ onrendered:function(
var doc=document.implementation.createHTMLDocument();
doc.open();
文件写入(“测试”);
doc.close();
html2canvas(文件正文{
onrendered:function(newCanvas){
document.body.appendChild(newCanvas);
}
});代码>
我想出来了。这就是我的正确方向。同样值得检查的是,它的源代码说明了这个想法
我们设定了
style="overflow:hidden"
属性,并将要渲染的内容移动到视口之外
style="position:absolute;top:0px;left:3000px;"
希望这对别人有帮助。我想出来了。这就是我的正确方向。同样值得检查的是,它的源代码说明了这个想法
我们设定了
style="overflow:hidden"
属性,并将要渲染的内容移动到视口之外
style="position:absolute;top:0px;left:3000px;"
希望这能帮助别人