Screenshot di un div

[radiodelmomento]

Un saluto a tutti!
Avrei bisogno di fare uno screenshot di un div per permettere il download o, ancora meglio, caricarlo sul server.
Grazie!

[karl94]

Cosa contiene? Puoi fare un esempio?

[radiodelmomento]

Dovrei avere lo screen di #background.

<div id="background">
	<h3 id="time"></h3>
	<div id="conversation">
	  <div class="wBoxTall" id="w1">
		<div class="right">
			<p class="message" id="1"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="gBoxTall" id="w2">
		<div class="right">
			<p class="message" id="2"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="wBoxTall" id="w3">
		<div class="right">
			<p class="message" id="3"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="gBoxTall" id="w4">
		<div class="right">
			<p class="message" id="4"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="wBoxTall" id="w5">
		<div class="right">
			<p class="message" id="5"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="gBoxTall" id="w6">
		<div class="right">
			<p class="message" id="6"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="wBoxTall" id="w7">
		<div class="right">
			<p class="message" id="7"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
	<div class="gBoxTall" id="w8">
		<div class="right">
			<p class="message" id="8"></p>
		</div>
		<div class="bottom">
			<div class="right"></div>
		</div>
	</div>
  </div>
</div>

Grazie.

[karl94]

Fare una cosa simile lato client non è impossibile, ma necessita una serie di tecnologie di ultima generazione non sempre disponibili. Inoltre se venisse generata l'immagine lato client e spedita successivamente al server uno potrebbe benissimo spedire anche un'altra immagine, non prodotta dallo script che hai pensato tu. Per questi motivi la cosa migliore sarebbe generare l'immagine lato server, con le librerie che hai a disposizione con PHP (non dovrai quindi pensare ai div, ma solo all'arrangiamento grafico del tutto).

Così su due piedi, se lo scopo è stampare solo un elemento, mi viene in mente la possibilità di usare i CSS impostando un particolare foglio di stile solo ed esclusivamente per la stampa, impostando la visibilità di tutto (tranne l'elemento indicato) su HIDDEN e formattando come megli si crede l'elemento indicato.