Geek Answers Handbook

Search for the Acid Test Visual HTML Page

I am looking for an HTML page that has an instance of all the possible visual elements: li with each bullet type, each text formatting option, background images with different alignments, css drop-shadows, css gradients, etc. etc.

Does anyone know one thing?

(as someone asks) The reason I need is that I am writing a screenshot application that is trying to clone the current page into a canvas, so I can save it as a png.

+7
source share
2 answers

Since no one answers this, I am 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-display everything in the canvas element so that I can save it as .png

For all who are interested in:

+1
source

I suggest that you instead focus on HTML elements, but on different / types / elements and trusting that the canvas of the current page that you export from this image is able to display it.

Instead, you want to check things like:

  • Typical HTML elements are <h1> , <p> , <b> , etc. work.
  • Typical pages that are modified using javascript.
  • Pages that use flash in one form or another.
  • Pages that use so-called HTML5 elements, such as video.
  • Other non-standard components, such as SVG, embedded frames, advertisements.
  • Items that should not be copied, such as password fields.

In addition, you will want to make sure that taking a screenshot does not reload the page, which can be fatal.

0
source

More articles:


All Articles