加载时显示画布（CSS 动画）答案

【问题标题】：Show canvas when loaded (CSS animation)加载时显示画布（CSS 动画）
【发布时间】：2015-01-15 21:37:25
【问题描述】：

我有一个简单的网页，顶部有画布（宽度 100%，高度 300 像素），它需要加载大约 10mb 的内容，因此可能需要几秒钟。有没有办法隐藏这个画布直到它完全加载，然后从顶部平滑地显示它 - 所以它下面的画布和网络内容都会顺利下降？

我不知道这是否可行，也不知道该怎么做。

有什么帮助吗？谢谢！

【问题讨论】：

你试过了吗？我们可以看看你的尝试吗？
是的，绝对有可能。
法布里齐奥：不是这样。我设法跟踪我们何时完全加载了 Javascript“应用程序”，因此我可以在那里设置一些标志变量，但我不知道如何将其实现为 html/css。

【解决方案1】：

您需要像这样通过 css 隐藏画布：

<canvas id="mycanvas" style="display:none"></canvas>

当内容完全加载后，您可以使用 jquery 将其向下滑动，如下所示：

$( "#mycanvas" ).slideDown();

【讨论】：