Question

我有一个简单的网页，画布（宽度100％，高度300px）在顶部，它需要加载大约10mb的东西，所以可能需要几秒钟。有没有办法隐藏这个画布，直到它被完全加载，并且从顶部平滑地显示它 - 所以它下面的画布和Web内容都会顺利地下降？

我不知道这是否可行，或者如何做。

有任何帮助吗？谢谢！

Answer 1

您需要通过css隐藏画布，如下所示：

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

当内容完全加载时，你可以使用jquery将其滑下来：

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