कैसे एक div

Question

मैं पाठ और छवियों के साथ एक div है का एक लघु बनाने के लिए, और मैं पृष्ठ में एक अलग स्थान पर इस div का एक लघु दिखाना चाहते हैं। कोई समाधान?

संपादित करें: मुझे div की छोटी प्रतिलिपि चाहिए, और यह IE8 पर काम करना चाहिए, इसलिए css3 अच्छा समाधान नहीं है।

Answer 1

आप कोशिश कर सकते हैं html2canvas के साथ। यह स्क्रिप्ट आपको वेबपृष्ठों या इसके कुछ हिस्सों के "स्क्रीनशॉट" लेने की अनुमति देती है।

IE8 आवश्यकता है कि आप या तो FlashCanvas या ExplorerCanvas शामिल हैं।

यह एक पिक्सेल-परिपूर्ण प्रतिनिधित्व नहीं हो सकता है, लेकिन यह आपको बंद कर सकता है।

एक बार जब आपका स्क्रीनशॉट हो जाए तो आपको कैनवास (एचटीएमएल 5 कैनवास, एक्सप्लोरर कैनवास, या फ्लैशकैनवास) को जो भी आकार चाहिए, उसे कम करने में सक्षम होना चाहिए - नोट: आप स्केल किए गए एंटी-एलियासिंग और कलाकृतियों के साथ समस्याओं में भाग ले सकते हैं संस्करण ... तो कुछ अतिरिक्त काम की आवश्यकता हो सकती है।

Answer 2

कुछ इस तरह का प्रयास करें:

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

ध्यान दें: के रूप में वे कहते हैं, आप क्या ब्राउज़र उपयोगकर्ता के तहत की जाँच करनी चाहिए और विक्रेता (moz, एमएस, ओ, वेबकिट, आदि ..) के लिए जोड़ सीएसएस संपत्ति को बदलने

यहाँ

आप इसके साथ एक सा खेल सकते हैं: http://jsfiddle.net/ZPMNz/11/ (फ़ायरफ़ॉक्स विक्रेता के साथ)

---

लेकिन अगर आप suppo की जरूरत आरटी IE8 के लिए, इसके लिए div करने के लिए एक वर्ग जोड़ सकते हैं और घोषित विभिन्न शैलियों:

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

और फिर आप

#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{} 

इसे और अधिक काम है, लेकिन अधिक अनुकूलता है