Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将html字符串呈现到画布而不显示html本身_Javascript_Html_Html2canvas - Fatal编程技术网

Javascript 将html字符串呈现到画布而不显示html本身

Javascript 将html字符串呈现到画布而不显示html本身,javascript,html,html2canvas,Javascript,Html,Html2canvas,我想将html字符串转换为图像,类似于此处的操作: 但是,我不想在页面上显示结果图像以外的任何内容。因此,我不能简单地将html字符串添加到DOM中。我认为我正在努力实现的目标是可能的,因为我正是这样做的 我尝试了以下生成空结果的操作: var doc=document.implementation.createHTMLDocument(); doc.open(); 文件写入(“测试”); doc.close(); html2canvas(文件正文{ onrendered:function(

我想将html字符串转换为图像,类似于此处的操作:

但是,我不想在页面上显示结果图像以外的任何内容。因此,我不能简单地将html字符串添加到DOM中。我认为我正在努力实现的目标是可能的,因为我正是这样做的

我尝试了以下生成空结果的操作:

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;"
希望这能帮助别人