2011-05-18 58 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