加载时显示 canvas(CSS 动画)

Show canvas when loaded (CSS animation)

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

我不知道这是否可能,或者如何去做。

有什么帮助吗? 谢谢!

您需要像这样通过 css 隐藏 canvas:

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

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

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

这里有更多信息: http://api.jquery.com/slidedown/