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

Posted 2023-05-07

【中文标题】从 Div 创建图像并使用 Javascript 和 ASP.net 将其保存到服务器

【英文标题】：Create image from Div and save it to server with Javascript and ASP.net

【发布时间】：2012-09-03 13:22:56

【问题描述】：

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

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

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

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

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

【参考方案1】：

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

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

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

【讨论】：

这样就行了，谢谢，我只是序列化所有的绘图数据，然后将图像绘制为位图服务器端，然后保存为图像。