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

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