从HTML画布+其他HTML元素生成图像

Question

我正在使用JIT library中的SpaceTree插件。我正处于项目的最后阶段，使用IE6的可能性是一个死胡同，所以作为一种替代选择，将可视化转换为图像应该是合理的。

我使用了canvas的toDataURL（）和新的toBlob（）函数，但这只产生了一半的visusalisation - 因为SpaceTree中的节点包含HTML DOM元素，如DIV，SPAN，IMG等内容和造型。

我正在考虑使用PHP的imagecopymerge来叠加两个图像。一个图像是画布内容（基本上是节点之间的连接线），第二个图像是HTML页面的捕获（内容是用AJAX和JSON动态加载的）。

有人知道我如何生成动态加载的HTML页面的图像，还是有其他建议？如果需要，我可以提供更多信息，例如截图和演示。

由于

Answer 1

您无法生成HTML页面的图像。

实际上功能确实存在。仅在FireFox中，并且仅在使用上下文的drawWindow方法离线时（即不在网页上）。

Documentation here

技术上还有其他方法：查看整个源代码并尝试根据您的期望来呈现自己的图像。但这并不容易。