javascript - 图像生成器插件

Question

我正在搜索可以生成表示DIV内部内容的图像的 Javascript（如果可能，则为 JQuery）插件。

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

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

有这样的事吗？

Answer 1

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

希望这可以帮助。

Answer 2

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

html2canvas

1. 有据可查
2. 测试良好
3. 但它不适用于所有元素
4. 它不适用于所有属性

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

Answer 3

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