Ищите визуальную HTML-страницу "Тест на кислотность"

Question

Я ищу страницу HTML, на которой есть экземпляр каждого возможного визуального элемента: li с каждым типом маркера, каждым параметром форматирования текста, фоновые изображения с различными выравниваниями, css drop-shadows,градиенты CSS и т. д., и т. д. *

Кто-нибудь знает об этом?

(поскольку кто-то спросит). Причина, по которой мне это нужно, заключается в том, что я пишу приложение для скриншотов, которое пытаетсяклонировать текущую страницу в холст, чтобы я мог сохранить ее как png.

Answer 1

Поскольку никто не отвечает на это, я работаю над созданием своего собственного:

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

---

О странице: если вы щелкнете в любом месте страницы, она будет перерисовывать все в элемент canvas, чтобы я мог сохранить его как.

Для всех, кто заинтересован:

• другие тесты: http://canvasrenderer.clientsite.me/
• GitHub: https://github.com/cwolves/CanvasRenderer

Answer 2

Я предлагаю вам вместо этого сосредоточиться не на элементах HTML, а на различных элементах / type / и полагать, что холст «текущей страницы», из которого вы экспортируете изображение, может его отобразить.

Вместо этого вы хотите проверить такие вещи, как:

1. Типичные элементы HTML - <h1>, <p>, <b> и т. П. Работают.
2. Типичные страницы, которые модифицируются с помощью JavaScript.
3. Страницы, которые используют вспышку в той или иной форме.
4. Страницы, которые используют так называемые элементы HTML5, такие как видео.
5. Другие нестандартные компоненты, такие как SVG, встроенные рамки, рекламные объявления.
6. Элементы, которые не следует копировать, такие как поля пароля.

Кроме того, вы должны убедиться, что создание снимка экрана не перезагружает страницу, что может быть фатальным.