将DIV内容保存为图像

时间:2009-11-02 00:26:43

标签: php javascript gd

我有一个显示一些内容的div(几个图像,文本,浮动元素等),我想为用户添加“将此内容另存为图像”这样的内容。

我该怎么做?我阅读了所有的php文档,但没有什么好处,甚至imagegrabwindow很糟糕,因为它的负载很高,浏览器有限,而且没有X / Y或宽度/高度控制。

所以基本上,我想这样做: 获取#div内容,单击另存为图像,然后用户获得该div的.JPG或.PNG,就像它是打印屏幕一样(截图)。

我不想使用GD预生成内容,也不想保存为.PDF。

1 个答案:

答案 0 :(得分:1)

我唯一能想到的是序列化div中内容的内容/ placement / attributes,将其发送到服务器,让服务器重新创建相同的元素,相同的定位,与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'  

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