Javascript 使用html2canvas的网站截图并调整其大小_Javascript_Jquery_Html_Ajax_Html2canvas

Javascript 使用html2canvas的网站截图并调整其大小

javascript jquery html ajax

Javascript 使用html2canvas的网站截图并调整其大小,javascript,jquery,html,ajax,html2canvas,Javascript,Jquery,Html,Ajax,Html2canvas,我试图从外部网站捕获一个屏幕截图，然后调整其大小，以便在我的页面中插入结果。我使用html2canvas，但我不明白如何制作外部页面的屏幕截图，然后调整其大小。我试过这样做： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

我试图从外部网站捕获一个屏幕截图，然后调整其大小，以便在我的页面中插入结果。我使用html2canvas，但我不明白如何制作外部页面的屏幕截图，然后调整其大小。我试过这样做：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/html2canvas.js"></script>
<script>
function appcanvas() {
html2canvas("http://www.yahoo.com", {
    onrendered: function(canvas) {
    document.body.appendChild(canvas);
}
});
      }
    </script>
  <title></title>
</head>

<body>
<p>&nbsp;</p>
<input type="submit" name="button" id="button" value="Invia" onclick="appcanvas();" />
<p>&nbsp;</p>
</body>
</html>


函数appcanvas（）{
html2canvas（“http://www.yahoo.com", {
onrendered：函数（画布）{
document.body.appendChild（画布）；
}
});
}

但它不起作用有人给我一些建议吗

提前感谢

这是一个同一来源的问题，您不能以这种方式向Javascript中的其他域发出请求。如果我使用php脚本将页面的html内容存储在变量中，然后将其传递给我的脚本，这是一种可能的方式？如果您也将其所有图像下载到服务器，则是。否则，它将只是没有任何图像的HTML（相同来源的策略也适用于图像）