एक "एसिड टेस्ट" दृश्य एचटीएमएल पेज

Question

मैं एक एचटीएमएल पेज की तलाश में हूं जिसमें प्रत्येक संभावित दृश्य तत्व का उदाहरण है: li प्रत्येक बुलेट प्रकार, प्रत्येक पाठ स्वरूपण विकल्प, पृष्ठभूमि-छवियों के साथ विभिन्न संरेखण, सीएसएस ड्रॉप-छाया, सीएसएस ग्रेडियेंट, इत्यादि ...

किसी को भी पता है?

(चूंकि कोई पूछेगा) कारण मुझे इसकी आवश्यकता है कि मैं एक स्क्रीनशॉट ऐप लिख रहा हूं जो वर्तमान पृष्ठ को कैनवास में क्लोन करने का प्रयास कर रहा है, इसलिए मैं इसे एक पीएनजी के रूप में सहेज सकता हूं।

Answer 1

के बाद से कोई भी इस का जवाब दे रहा है, मैं अपने खुद के बनाने पर काम कर रहा हूँ:

http://html2canvas.clientsite.me/tests/kitchen_sink.html

---

पेज के बारे में: आप पृष्ठ पर कहीं भी क्लिक करें यह एक में सब कुछ फिर से प्रस्तुत करना होगा कैनवास तत्व है, ताकि मैं इसे बंद एक .png

रूप में सहेज सकते रुचि किसी के लिए:

• अन्य परीक्षण: http://canvasrenderer.clientsite.me/
• GitHub: https://github.com/cwolves/CanvasRenderer

Answer 2

मेरा सुझाव है कि आप इसके बजाय HTML तत्वों पर ध्यान केंद्रित न करें, लेकिन विभिन्न/प्रकार/तत्वों और विश्वासों का मानना ​​है कि "वर्तमान पृष्ठ" कैनवास जिन्हें आप छवि निर्यात कर रहे हैं, इसे प्रस्तुत करने में सक्षम है।

इसके बजाय आप जैसी चीजों का परीक्षण करना चाहते:

1. विशिष्ट HTML तत्व - <h1>, <p>, <b>, और की तरह काम करते हैं।
2. विशिष्ट पृष्ठ जो जावास्क्रिप्ट का उपयोग करके संशोधित हैं।
3. पेज जो कुछ रूप में फ्लैश का उपयोग करते हैं।
4. ऐसे पृष्ठ जो वीडियो के रूप में तथाकथित 'HTML5' तत्वों का उपयोग करते हैं।
5. अन्य गैर-विशिष्ट घटक, जैसे कि एसवीजी, इनलाइन फ्रेम, विज्ञापन।
6. तत्व जिन्हें कॉपी नहीं किया जाना चाहिए, जैसे पासवर्ड फ़ील्ड।

इसके अलावा, आप यह सुनिश्चित करना चाहते हैं कि स्क्रीनशॉट करना पृष्ठ को फिर से लोड नहीं करता है, जो घातक हो सकता है।