通过javascript将div内容转换为图像

如何将div标记的内容转换为图像，并通过javascript将其保存到本地文件夹？我知道一定有出路，但我找不到。任何帮助都将不胜感激。提前感谢。

如果您正试图实现此目标，Javascript将无法写入文件系统

如果需要在javascript中存储字符串，但这些字符串在浏览器中是沙盒的，那么可以使用HTML5的localStorage

要获取大多数HTML元素的内容，可以使用

document.getElementById（'theDiv'）.innerHTML

获取

标记之间的内容

您可以将innerHTML的结果传递到PHP页面，然后将其保存到文件中

编辑

---

好的，根据我们的评论，我建议您使用PHP。您可以使用

document.getElementById（'theDiv'）.innerHTML

将html发送到php页面。从那里下载他们的“painty.php”页面并将html传递给它。理论上，painty.php将从html生成img。

画布。

drawImage

支持图像、画布和视频元素。有人说，它将来可能会支持DOMElement

有许多开源浏览器是用C（或C++）编写的。有一个项目，它可以将C++代码转换成JavaScript。因此，您可以在浏览器中运行自己的浏览器，并使用它来呈现HTML

---

在浏览器中运行浏览器一点也不奇怪。例如，有一个项目，它在浏览器中模拟x86机器-。

？我尝试将画布渲染为图像，但问题是我希望将整个div内容转换为图像。画布与您的div元素有什么关系？是否要对div元素进行屏幕截图？画布位于my div元素中。我已经通过javascript动态生成了图形，现在我希望将整个div转换为图像并保存到本地文件夹。我猜这不会有帮助。我已经通过javascript动态生成了图形，现在我希望将整个div转换为图像并保存到本地文件夹。您的解决方案只是给我该div的html。您需要将div的内容发送到要保存的PHP页面。你也不能仅仅将html保存到一个图像中，你必须用PHP搜索如何做到这一点。我使用php获取html并从中生成pdf。有没有一种方法可以用java实现呢？也许。。我不知道如何将canvas对象转换成java。最好使用服务器端脚本语言，如PHP或ASP.net