Ищите визуальную HTML-страницу "Тест на кислотность"
Я ищу страницу HTML, на которой есть экземпляр каждого возможного визуального элемента: li
С каждым типом маркера, каждым параметром форматирования текста, фоновыми изображениями с различными выравниваниями, css-тенями, css-градиентами и т. д., и т. д...
Кто-нибудь знает об этом?
(так как кто-то спросит) Причина, по которой мне это нужно, в том, что я пишу приложение со скриншотами, которое пытается клонировать текущую страницу в холст, чтобы я мог сохранить ее как png.
2 ответа
Поскольку никто не отвечает на это, я работаю над созданием своего собственного:
http://html2canvas.clientsite.me/tests/kitchen_sink.html
О странице: Если вы щелкнете где-нибудь на странице, она будет перерисовывать все в элемент canvas, чтобы я мог сохранить его как.png
Для всех, кто заинтересован:
- другие тесты: http://canvasrenderer.clientsite.me/
- github: https://github.com/cwolves/CanvasRenderer
Вместо этого я предлагаю вам сосредоточиться не на элементах HTML, а на различных элементах /type/ и полагать, что холст "текущей страницы", из которого вы экспортируете изображение, может его отобразить.
Вы хотите вместо этого проверить такие вещи, как:
- Типичные элементы HTML -
<h1>
,<p>
,<b>
и тому подобное работа. - Типичные страницы, которые модифицируются с помощью JavaScript.
- Страницы, которые используют вспышку в той или иной форме.
- Страницы, которые используют так называемые элементы HTML5, такие как видео.
- Другие нетипичные компоненты, такие как SVG, встроенные кадры, рекламные объявления.
- Элементы, которые не следует копировать, такие как поля пароля.
Кроме того, вы должны убедиться, что создание снимка экрана не перезагружает страницу, что может быть фатальным.