如何将div及其内容保存为服务器上的图像？

Question

其实我正在开发一个可定制的马克杯，T恤网页应用程序。因此，当用户在设计中进行任何更改时，我想捕获整个div并希望将其作为图像保存在服务器上。我用谷歌搜索它，但最终没有任何结果。每个人都在说使用CANVAS。但是我在div中使用jquery添加元素。所以我不知道如何将它改成画布。

我的标记

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

我想将此div保存为图像。

这是我的链接 customizable printing website

请帮帮我。感谢

Answer 1

没有真正简便的方法可以做到这一点。 但是，如果你喜欢冒险...... *创建Windows窗体应用程序 *在应用程序中嵌入浏览器并浏览到包含div的URL *让应用程序截取自己的屏幕截图。 *将其保存到磁盘。

然后，当用户进行更改时，让您的服务器打开您在单独进程中创建的Win Forms应用程序。