Jak zrobić miniaturkę div

Question

Mam div z tekstem i obrazami, a ja chcę pokazać miniaturę tego div w innym miejscu na stronie. Jakieś rozwiązania?

Edycja: Chcę mniejszą kopię div, a to powinno działać na IE8, więc css3 nie jest dobrym rozwiązaniem.

Answer 1

Można spróbować z html2canvas. Ten skrypt umożliwia wykonanie "zrzutów ekranu" stron internetowych lub ich części.

Do IE8 należy dołączyć FlashCanvas lub ExplorerCanvas.

Może to być reprezentacja w pikselach, ale może zbliżyć się do ciebie.

Po wykonaniu zrzutu powinieneś móc zmniejszyć płótno (płótno HTML5, ExplorerCanvas lub FlashCanvas) do dowolnej wielkości - uwaga: możesz napotkać problemy z wygładzaniem i artefaktami skalowanymi wersja ... więc może być potrzebna dodatkowa praca.

Answer 2

spróbować czegoś takiego:

$('#myDiv').clone().appendTo('body').css({'position':'absolute','left':'50px;','top':'300px','transform':'scale(0.5)'}) 
}); 

uwaga: jak mówią, należy sprawdzić w jakich przeglądarka użytkownika i dodać sprzedawca (MOZ, MS, O, WebKit, etc ..), aby właściwość CSS przekształcić

tutaj można grać trochę z nim: http://jsfiddle.net/ZPMNz/11/ (z Firefoksem dostawcy)

---

Ale jeśli trzeba suppo rt dla IE8, można dodać klasę do div i deklarują różne style dla niego:

$('#myDiv').clone().appendTo('body').addClass('.thumb')}); 
    }); 

i potem trzeba

#myDiv { width:500px;} 
#myDiv h1{ font-size:20px;} 
#myDiv h2{} 
#myDiv p{} 

#myDiv.thumb { width:200px;} 
#myDiv.thumb h1{ font-size:10px;} 
#myDiv.thumb h2{} 
#myDiv.thumb p{} 

to więcej pracy, ale ma większą kompatybilność