将 DIV 内容另存为图像答案

【问题标题】：Save DIV content as image将 DIV 内容另存为图像
【发布时间】：2010-12-12 03:32:57
【问题描述】：

我有一个显示一些内容（几个图像、文本、浮动元素等）的 div，我想为用户添加“将此内容另存为图像”之类的可能性。

我该怎么做？我阅读了所有的 php 文档，但没有什么好做的，即使 imagegrabwindow 很烂，因为它的高负载、浏览器限制以及没有 X/Y 或宽度/高度控制。

所以基本上，我想这样做：获取#div 内容，单击另存为图像，然后用户将获得该 div 的 .JPG 或 .PNG，就好像它是打印屏幕（屏幕截图）。

我不想使用 GD 预先生成内容，也不想另存为 .PDF。

【问题讨论】：

哦，抱歉，没有看到“不允许人类进入”的标志
也许像SO question 这样的技术会有所帮助？
嗯，这就是问题所在。是什么让你认为我们是人类？ ;-D

标签： php javascript gd

【解决方案1】：

我唯一能真正想到的就是序列化 div 中内容的内容/位置/属性，将其发送到服务器，然后让服务器重新创建与 GD 相同的元素、相同的位置、相同的属性。

在我的脑海中，我可能会看到可能检查 div 并基本上创建一个表单帖子，例如：

POST['images'][0]['file']='plane.jpg'  
POST['images'][0]['position']['x']=23  
POST['images'][0]['position']['y']=13  
...repeat for each image  
POST['text'][0]['content']='this is a plane!'  
POST['text'][0]['size']='10px'  
POST['text'][0]['font']='Arial'

服务器可以使用这些数据重新创建用户在浏览器中创建的内容。

【讨论】：