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

Question

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

Answer 1

Canvas。drawImage支持Image，Canvas和Video元素。有人说，它可能会支持DOMElement。

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

在浏览器中运行浏览器并不奇怪。例如。有一个项目，它在浏览器中模拟x86机器 - http://copy.sh/v24/。

Answer 2

如果您正在尝试实现此目的，则Javascript无法写入文件系统。

如果您需要在javascript中存储字符串但是它们在浏览器中进行沙盒化，则可以使用HTML5的localStorage。

要获取大多数HTML元素的内容，您可以使用document.getElementById('theDiv').innerHTML来获取<div></div>代码之间的内容。

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

修改

好的基于我们的评论，我建议你使用PHP。您使用document.getElementById('theDiv').innerHTML将html发送到php页面。从那里使用http://www.rabuser.info/painty.zip下载他们的'painty.php'页面并将html传递给它。 painty.php理论上会从html中生成一个img。