Javascript - 可視化表示元素作爲圖像

Question

這是一個遠射，但I've seen things可能使它成爲可能。

我有一個div，裏面充滿了圖像。如果你必須知道專輯封面。我想讓用戶以圖片形式下載。所以他們可以將它用作桌面背景。

這是可能的嗎？獲取元素的可視化表示並將其顯示爲圖像？

Answer 1

基本上你不能那樣做。至少交叉瀏覽器。但如果它不重要。您可以嘗試在這裏http://www.nihilogic.dk/labs/canvas2image/

Answer 2

從我從你的問題了解你可以使用一個

img

標籤這一點。用戶可以在瀏覽器中查看圖像並將其保存到硬盤中。

從您的描述中可以看出，每張圖片裏面會有不同的相冊封面，所以將這些圖片合併成一張圖片並不是一個好主意。

Answer 3

假設我理解了這個問題......如果您知道圖像在div中的位置，您可以將服務器端的圖像連接成一個圖像。然後只需點擊一個按鈕即可調用函數來組裝和下載此圖像。

Answer 4

<canvas>

檢查你可能做的渲染服務器端。通過這個我的意思是你可以生成HTML和類似的「截圖」它在服務器上。結果幾乎總是與用戶所看到的至少略有不同，但根據您的要求，這可能就足夠了。

有各種工具來做到這一點，例如wkhtmltoimage，這是wkhtmltopdf的姊妹項目，可以在https://code.google.com/p/wkhtmltopdf/