2011-05-18 60 views
3

我试图谷歌它,但没有太大的成功。HTML div截图?

这是我的问题:
我有一些像jQuery中的拖放式游戏,用户将一些项目(div与img)拖放到可拖拽的绘图区域。

我需要用户设计的屏幕截图,以便我可以将所有设计放入图库页面。

我的问题是如何将HTML代码转换为jpeg/png/gif/canvas/whatever。
Btw。我在服务器端共享PHP托管。

回答

6

你做错了。在JavaScript中始终存储每件作品的位置,然后提交该数据并根据传递的JavaScript数据重新构建图像/位置。

+1

我已经存储了它。但是图像会更加优雅。这样我有一堆dom对象,我必须用缩放来调整它们的大小 – ZolaKt 2011-05-18 21:21:34

3

您用PHP编写的功能非常复杂 - 但也有诸如www.thumbshots.com或www.browsershots.com这样的服务可以完成同样的功能。这个问题已经被问同样的,很多时候来过这里:

https://stackoverflow.com/search?q=screenshots+with+php

+0

我看过那些网站。也许我错了,但是对我来说像期刊bot捕获,至少thumbshots.com。我需要点播 – ZolaKt 2011-05-18 21:11:04

1

你想建立自己的帆布游戏,那么它可以导出声称自己是,你可以再提交到服务器的PNG文件。

+1

我可以只将DOM元素放在画布中,还是必须重写整个游戏? – ZolaKt 2011-05-18 21:12:04

+0

HTML代码不能使用画布保存为图像,因为这可能是隐私问题。此代码只能用于Chrome/Firefox附加组件。 – Julien 2011-05-18 21:34:30