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

Create image from Div and save it to server with Javascript and ASP.net

本文关键字：net ASP 保存服务器 Javascript 图像创建 Div 更新时间：2023-09-26

我有一个div，用户在其中通过将其他div拖放到其中来创建一个简单的图，我通过使用javascript实现了这一点。

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

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

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

tldr：是否可以在Javascript中从div创建图像？如果是的话，这种方法在IE7+中有效吗？如果没有，类似的东西可能是服务器端（asp.net）吗？

您所创建的不是"图像"，它只是以视觉可识别的模式存在的HTML元素的集合（可能是用CSS设计的）。

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

这一点的实际实现是留给读者的练习。我说得再准确不过了，因为你几乎没有提供任何技术细节（比如你的基于Javascript的绘图工具是如何实际工作的）。