從Div創建圖像並使用Javascript和ASP.net將其保存到服務器

Question

我有一個div，用戶可以在其中通過將其他div拖放到其中來創建一個簡單的圖，我已經使用javascript完成了此操作。

我正在尋找一種方法將此div保存到圖像並將其另存為文件在我的服務器（IIS / ASP.NET）上。

我見過無數種方法，但是我對哪種方法有效感到困惑。 它必須在以下瀏覽器中工作：IE7 +，Chrome，Safari，Firefox。

這就是為什么我正在考慮在服務器端進行此操作，但是我不知道如何完成類似的工作。 我發現了從ASP.NET中的URL截屏的不同方法。 但這不僅僅是URL，它還是用戶當前所在的頁面。 它取決於logindata等。

tldr：可以從Java的div中創建圖像嗎？ 如果可以，這種方法是否可以在IE7 +中使用？ 如果沒有，是否可能在服務器端（asp.net）之類的東西？

Answer 1

您創建的不是“圖像”，而是以視覺上可識別的模式存在的HTML元素（可能是CSS樣式）的集合。

要從中生成二進制圖像，您需要序列化此元素集合（即視圖圖），並將其傳遞給服務器，然后服務器將序列化的視圖圖解釋為一系列繪制命令，轉換為新的位圖，然后將位圖返回給用戶。

實際的實現是留給讀者的練習。 因為您提供了幾乎零的技術細節（例如，基於Javascript的繪圖工具的工作方式），所以我無法確切地說。