從HTML畫布+其他HTML元素生成圖像

Question

我使用JIT library的SpaceTree插件。我正處於一個項目的最後階段，使用IE6的可能性是死路一條，所以作爲另一種選擇，將可視化轉換爲圖像應該是合理的。

我已經使用過canvas的toDataURL（）和new toBlob（）函數，但這隻產生一半的visusalisation - 因爲SpaceTree中的節點包含HTML DOM元素，如DIV，SPAN，IMG等等內容和樣式。

我正在考慮使用PHP的imagecopymerge疊加兩個圖像。一個圖像是畫布內容（基本上是節點之間的連接線），第二個圖像是HTML頁面的抓圖（該內容是使用AJAX動態加載的）。

有沒有人知道我可以如何生成一個已經動態加載的HTML頁面的圖像，或有任何其他建議？如果需要，我可以提供更多信息，例如截圖和演示。

謝謝

Answer 1

您無法生成HTML頁面的圖像。

其實功能確實存在。僅在FireFox中，並且僅在使用上下文的drawWindow方法離線（即不在網頁上）時。

Documentation here

有技術上的其他方法：看看整個源，並試圖從你希望它是什麼樣子呈現在你自己的圖像。但這並不容易。