GWT：截取小部件的屏幕截图

Question

对于一个培训项目，我必须使用 Google Web Toolkit 创建一个小应用程序。该应用程序在表格或地图中可视化数据集，两者都可以加载到 VerticalPanel（我称之为 mainPanel）中，并且它们本身就是 VerticalPanel。

现在用户应该能够以图像的形式获取可视化并将其保存到他的 HDD 中。为了实现这一点，我想截屏 mainPanel 的内容。

这可能吗？我已经阅读了有关 HTML5 画布的信息，但这似乎仅适用于 Firefox 并且仅适用于本地。 必须有办法将小部件的内容保存为图像，否则它不会得到任务，但我就是不知道怎么做。

非常感谢

Answer 1

我认为你最好的选择是从 VerticalPanel 获取 HTML（使用 getElement().getInnerHtml() 或类似的东西）。

然后在服务器上使用一些库来生成图像。

我在谷歌上找到了https://code.google.com/p/java-html2image/wiki/HtmlImageGenerator

最后将其发送回客户端。

然而，对于学习 GWT 的人来说，这并不是一件容易的事。

我认为不可能在所有浏览器上使用仅客户端的解决方案。