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

Question

我有一個div，其中用戶通過拖放其他divs到其中創建一個簡單的圖，我已經通過使用javascript來完成此。

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

我見過無數的方法，但我很困惑哪種方法可行。 它必須在以下瀏覽器中工作：IE7 +，Chrome，Safari，Firefox。

這就是爲什麼我在做服務器端的想法，但我不知道我該如何做到這一點。我發現了不同的方式來從ASP.NET中的URL製作截圖。但它不僅僅是一個URL，它是用戶所在的當前頁面。這取決於logindata等

tldr： 是否有可能從Javascript中創建圖像？如果是的話，這種方法會在IE7 +中工作嗎？如果不是，就像那個可能的serverside（asp.net）？

Answer 1

你正在創建的不是一個「圖像」 - 它只是一個存在於視覺可識別模式中的HTML元素集合（大概用CSS設計）。

爲了生成從該二值化圖像則需要序列元件的這種集合（即，視圖圖），傳遞給服務器，則服務器解釋串行化視圖圖形爲一系列繪圖命令轉換成新的位圖，然後將位圖返回給用戶。

這實際上是一個留給讀者的練習。我不能更精確，因爲你已經提供了幾乎爲零的技術細節（比如你的基於Javascript的繪圖工具是如何操作的）。