外部网站的html2canvas截图

Question

我甚至不知道如何做到这一点，html2canvas的文档在这部分并没有真正的帮助。

我可以使用这一小段代码制作html的屏幕截图：

target = $('#myDiv');
        html2canvas( target, {
        onrendered: function( canvas ) {
            /* canvas is the actual canvas element, 
               to append it to the page call for example 
             */
               document.body.appendChild( canvas );
            }
        })

但我希望能够传递一个网址并制作此页面的屏幕截图。就像他们在示例页面中所做的那样：http://html2canvas.hertzen.com/screenshots.html

如果有人能给我一个提示如何开始，我会很高兴。

Answer 1

出于安全原因，您不能仅加载任何外部URL。这就是为什么，正如他们在您链接到的页面上所描述的那样，您需要设置一个单独的服务器端脚本来获取页面。然后，您可以直接或通过AJAX使用该脚本为html2canvas提供输入。