javascript - 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 );
            }
        })

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

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

Answer 1

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