如何将 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 应用程序。