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提供輸入。