javascript - 从 Div 创建图像并使用 Javascript 和 ASP.net 将其保存到服务器

Question

我有一个 div，用户通过将其他 div 拖放到其中来创建一个简单的图表，我已经通过使用 javascript 完成了这一点。

我正在寻找一种方法来将此 div 保存到图像并将其保存为我的服务器（IIS/ASP.NET）上的文件。

我见过无数种方法，但我对哪种方法可行感到困惑。它必须在以下浏览器中工作：IE7+、Chrome、Safari、Firefox。

这就是为什么我正在考虑在服务器端做它，但我不知道如何完成这样的事情。我找到了从 ASP.NET 中的 URL 截取屏幕截图的不同方法。但它不仅仅是一个 URL ，它是用户所在的当前页面。它取决于登录数据等。

tldr：是否可以从 Javascript 中的 div 创建图像？如果是这样，这种方法可以在 IE7+ 中使用吗？如果不是，那么可能是服务器端（asp.net）吗？

Answer 1

您创建的不是“图像”——它只是以视觉可识别的模式存在的 HTML 元素的集合（可能使用 CSS 样式）。

要从中生成二进制图像，您需要序列化这个元素集合（即视图图），将其传递给服务器，然后服务器将序列化的视图图解释为一系列绘图命令到一个新的位图中，然后将位图返回给用户。

这个的实际实现是留给读者的练习。我不能更准确，因为您提供的技术细节几乎为零（例如您的基于 Javascript 的绘图工具的实际工作方式）。