Javascript 如何在下一页中将网页的屏幕截图显示为图像

Javascript 如何在下一页中将网页的屏幕截图显示为图像,javascript,php,html,Javascript,Php,Html,我得到的屏幕截图的网页作为一个图像在同一页,但我希望图像显示在下一页,而不是在当前页面点击后,在确认按钮。我尝试了许多选项,请建议我在下面的代码中所需的更改,我使用 <script type="text/javascript" src="js/html2canvas.js"></script> <script> function canvas(){ html2canvas(document.body, { on

我得到的屏幕截图的网页作为一个图像在同一页,但我希望图像显示在下一页,而不是在当前页面点击后,在确认按钮。我尝试了许多选项,请建议我在下面的代码中所需的更改,我使用

<script type="text/javascript" src="js/html2canvas.js"></script>

<script>
    function canvas(){
        html2canvas(document.body, {
            onrendered: function(canvas) {
                document.body.appendChild(canvas);
            },
            width: 1150,
            height:380
        })
    };
</script>

函数画布(){
html2canvas(document.body{
onrendered:函数(画布){
document.body.appendChild(画布);
},
宽度:1150,
身高:380
})
};

在上使用AJAX脚本,然后单击提交按钮。这应该做的是发送附加了捕获图片的dom元素的内容。然后,在接收端(服务器),使用php脚本将代码转换为图片。然后,使用PHP在第2页加载该图片。您需要花一些时间在google上学习:1:AJAX,2:base64到PHP中的jpg(示例)。这可能会帮助您朝着正确的方向前进:上面的脚本对要执行的更改正确吗?那个链接只是指向一个方向。你如何选择解决你的“问题”取决于你自己。但是,正如我所建议的,他使用AJAX发送所创建画布的内容。然后使用PHP脚本将接收到的内容保存到图像文件中。然后,您可以将该文件的名称传递回浏览器(访问者)以显示在下一页上。谢谢您的建议,我正在尝试