将div捕获为图像

Question

我有一些包含由javascript呈现的图表的div标签。我想通过按下按钮以图像格式导出它们。我不知道是否可以使用javascript捕获div标签作为图像！所以，我要求提示和提示。提前谢谢。

Answer 1

您可以使用canvas元素创建图像。 如果使用HTML元素呈现图表，则需要draw that HTML onto the canvas。 然后，您可以在画布上使用toDataURL来获取B64编码的图像数据。

Answer 2

仅使用JavaScript无法实现。

JavaScript无法在PC上访问以保存文件，也无法将DOM转换为图像格式。

Answer 3

这里有一个讨论：html5: copy a canvas to image and back 还有一个项目http://www.nihilogic.dk/labs/canvas2image/

Answer 4

你可能会试试phantomjs，http://phantomjs.org/，虽然我没有亲自使用它，但它被广泛用于屏幕截图

Answer 5

1. JS无法访问显示以防他无法解析HTML
2. 您可以调用某个实用程序来制作区域的屏幕截图。但它使用起来并不安全，因此如果您提供访问权限，它将会起作用。
3. 这个问题已经被问到here。可能它有一些你需要的好东西