html - 寻找“酸性测试”可视化 HTML 页面

Question

我正在寻找一个 HTML 页面，其中包含每个可能的视觉元素的实例：li每个项目符号类型、每个文本格式选项、具有各种对齐方式的背景图像、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 元素，而是关注各种 /type/ 元素，并相信您从中导出图像的“当前页面”画布能够呈现它。

您想改为测试以下内容：

1. 典型的 HTML 元素 - <h1>、<p>、<b>和类似的工作。
2. 使用 javascript 修改的典型页面。
3. 以某种形式使用 Flash 的页面。
4. 使用所谓的“HTML5”元素的页面，例如视频。
5. 其他非典型组件，例如 SVG、内联框架、广告。
6. 不应复制的元素，例如密码字段。

此外，您需要确保执行屏幕截图不会重新加载页面，这可能是致命的。