如何將 div 及其內容保存為服務器上的圖像？

Question

實際上，我正在開發一個可定制的杯子、T 恤 Web 應用程序。 因此，當用戶對設計進行任何更改時，我想捕獲整個 div 並將其作為圖像保存在服務器上。 我用谷歌搜索，但最終一無所獲。 每個人都說使用 CANVAS。 但我在 div 中使用 jquery 添加元素。 所以我不知道如何將其更改為畫布。

我的標記

<div id="imgs" style="background-color:#222222; color:#fff; width:300px; height:200px">
 // Dynamic Images //Dynamic Content
</div>

我想將此 div 保存為圖像。

這是我的可定制打印網站的鏈接

請幫我。 謝謝

Answer 1

沒有真正簡單的方法可以做到這一點。 但是，如果您喜歡冒險... * 創建一個 Windows 窗體應用程序 * 在應用程序中嵌入一個瀏覽器並讓它瀏覽到包含您的 div 的 URL * 讓應用程序對其自身進行截圖。 * 將其保存到磁盤。

然后，當用戶進行更改時，讓您的服務器打開您在單獨進程中創建的 Win Forms 應用程序。