开发者

Looking for an "Acid test" visual HTML page

开发者 https://www.devze.com 2023-03-21 07:13 出处:网络
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 dr

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:

  1. Typical HTML elements - <h1>, <p>, <b>, and the like work.
  2. Typical pages that are modified using javascript.
  3. Pages that use flash in some form.
  4. Pages that use so-called 'HTML5' elements, such as video.
  5. Other non-typical components, such as SVG, inline frames, advertisements.
  6. 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.

0

精彩评论

暂无评论...
验证码 换一张
取 消