关于在Phonegap Build上将HTML渲染为图像或将屏幕截图渲染为图像的任何想法？

Posted 2023-03-07

【中文标题】关于在Phonegap Build上将HTML渲染为图像或将屏幕截图渲染为图像的任何想法？

【英文标题】：Any Ideas on Rendering HTML to an Image or Screenshot to Image on Phonegap Build?

【发布时间】：2013-05-25 19:22:18

【问题描述】：

我一直在做一些研究，发现了这个小数字：http://www.xpertdeveloper.com/2012/10/webpage-screenshot-with-html5-js/，它允许您将 HTML 转换为一个 blob（基本上作为屏幕截图）... HTML2Canvas 也可以这样做，但效果不太好：http://html2canvas.hertzen.com/

但是问题是我被卡住了。理想情况下，我希望将 HTML 呈现为图像（作为 blob 或本地文件）并通过 Graph API 将其上传到 Facebook。

我的问题始于

【问题讨论】：

第一个链接只是将 html 包装成 Blob，html2canvas 将 DOM 渲染成画布，例如可以导出到 png 中。

非常正确，但是 html2canvas 的渲染能力非常有限。我有一个由 DIV 制成的非常简单的直方图，而 html2canvas 无法呈现它。

【参考方案1】：

这个问题很老，但也许答案会对某人有所帮助。

您可以在 ios 和 android 上使用 screenshot plugin。 详情请阅读Documentation on Github