查找"Acid test"可视 HTML 页面

Question

我正在寻找一个HTML页面，它有每一个可能的视觉元素的实例:li 's与每一个子弹类型，每一个文本格式选项，背景图像与各种对齐，css下拉阴影，css渐变，等等，等等…

有人知道吗?

(因为有人会问)我需要这个的原因是，我正在写一个截图应用程序，试图克隆当前页面到画布，所以我可以保存为png。

Answer 1

由于没有人回答这个问题，我正在努力创建自己的:

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

---

关于页面:如果你点击页面上的任何地方，它会将所有内容重新渲染为画布元素，所以我可以将其保存为。png

有兴趣的:

• 其他测试:http://canvasrenderer.clientsite.me/
• github: https://github.com/cwolves/CanvasRenderer

Answer 2

我建议您不要关注HTML元素，而是关注元素的各种/类型/，并相信您正在导出图像的"当前页面"画布能够呈现它。

你想测试像这样的东西:

1. 典型的HTML元素- <h1>, <p>, <b>等工作
2. 使用javascript修改的典型页面。
3. 以某种形式使用flash的页面。
4. 使用所谓"HTML5"元素的页面，如video。
5. 其他非典型组件，如SVG、内联框架、广告。
6. 不应该复制的元素，比如密码字段。

同时，你要确保截图不会重新加载页面，这可能是致命的。