图像生成器插件答案

【问题标题】：Image generator plugin图像生成器插件
【发布时间】：2014-01-13 00:11:54
【问题描述】：

我正在寻找可以生成图像表示 DIV的内部内容的Javascript（如果可能的话是JQuery）插件。

示例：此链接显示包含 3 x 3 框显示的图像。

我希望这些框可以包含自动生成的图片，显示特定 DIV 的内容是什么样的。

有这种事吗？

【问题讨论】：

div 是否只包含图片？
@Wolf 不，它们可以包含任何内容，但主要是表格和文本。
检查我在答案中添加的库...似乎这就是您要搜索的内容..

标签： javascript jquery image html

【解决方案1】：

如果屏幕上没有太多内容，这似乎是一个简单的选择

html2canvas

有据可查
测试良好
但它不适用于所有元素
它不适用于所有属性

但如果您只想截取页面的屏幕截图（您知道可能的属性和元素），这是解决方案

【讨论】：

【解决方案2】：

我不认为 Javascript 可以从头开始创建图像，但肯定可以在服务器上创建图像并使用 JS 对其进行 AJAX 调用。

希望这会有所帮助。

【讨论】：

问题是内容的外观是由生成的 HTML 决定的

【解决方案3】：

您可以使用“webkit to image” wkhtmltoimage:https://code.google.com/p/wkhtmltopdf/ 我已经使用它从 javascript 图形和表格等生成图像。任何 html 都可以。它不是纯粹的 javascript，但您可以将 html div（和相关的 css）发送到 wkhtmltoimage 并通过 ajax 获取图像。

【讨论】：