拍摄 div 的快照

Posted 2023-02-22

【中文标题】拍摄 div 的快照

【英文标题】：Take a snapshot of a div

【发布时间】：2013-02-14 21:24:01

【问题描述】：

我有一个<div>，里面有一张图片。图像可以通过用户输入来调整大小，也可以将项目添加到当前图像中。完成后，我希望用户能够保存他们创建的这个图像。

我使用MVC4 和jQuery 来构建项目。无论如何要保存创建项目的快照吗？我看过画布，但这不适用于我的情况。

谢谢

【问题讨论】：

在本地保存一个临时快照以便在用户的“当前”会话期间再次使用？

@Mark - 抱歉，我需要将其保存到数据库中

【参考方案1】：

有趣的问题：

您可以从这里开始：http://html2canvas.hertzen.com/ 一个允许您将 HTML“复制”到画布中的库。

那么，去这里：Uploading 'canvas' image data to the server

向您展示如何将画布图像发送到服务器的答案。

你有它。

免责声明：我自己没有尝试过，但我现在很想尝试。工作期限不允许:)

【讨论】：

有趣的解决方案，我会研究一下

似乎有点工作，你知道这是否可以在屏幕的一部分而不是身体上完成？

我用这个工作了一段时间。它可以为屏幕的一部分（特定的 HTML 元素）完成。您必须检查文档。但是，我宁愿建议您获取调整大小的图像和其他项目的坐标，然后在处理服务器端进行处理。更可靠的 imo。