I'm looking for an HTML page that has an instance of every possible visual element on it: li
's with every bullet type, every text formatting option, background-images with various alignments, css drop-shadows, css gradients, etc, etc...
Anyone know of one?
(since someone will ask) The reason I need this is that I'm writing a screenshot app 开发者_如何学Cthat is attempting to clone the current page into a canvas so I can save it off as a png.
Since nobody is answering this, I'm working on creating my own:
http://html2canvas.clientsite.me/tests/kitchen_sink.html
About the page: If you click anywhere on the page it will re-render everything into a canvas element, so that I can save it off as a .png
For anyone interested:
- other tests: http://canvasrenderer.clientsite.me/
- github: https://github.com/cwolves/CanvasRenderer
I suggest you instead focus not on the HTML elements, but the various /type/ of elements and trust that the "current page" canvas that you're exporting the image from is able to render it.
You want to instead test things like:
- Typical HTML elements -
<h1>
,<p>
,<b>
, and the like work. - Typical pages that are modified using javascript.
- Pages that use flash in some form.
- Pages that use so-called 'HTML5' elements, such as video.
- Other non-typical components, such as SVG, inline frames, advertisements.
- Elements that shouldn't be copied, such as password fields.
Also, you'll want to ensure that doing the screenshot doesn't reload the page, that could be fatal.
精彩评论