将DIV内容另存为图像

Question

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

我怎样才能做到这一点？ 我阅读了所有的php文档，但是这样做没有什么好处，即使imagegrabwindow很烂，因为它的高负载，浏览器限制以及没有X / Y或宽度/高度控件。

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

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

Answer 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'  

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