加载时显示 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/
我有一个简单的网页,顶部有 canvas(宽度 100%,高度 300px),它需要加载大约 10mb 的内容,因此可能需要几秒钟。有没有办法隐藏这个 canvas 直到它完全加载,然后从顶部平滑地显示它 - 所以它下面的 canvas 和 web 内容都会顺利下降?
我不知道这是否可能,或者如何去做。
有什么帮助吗? 谢谢!
您需要像这样通过 css 隐藏 canvas:
<canvas id="mycanvas" style="display:none"></canvas>
当内容完全加载后,您可以使用 jquery 将其向下滑动,如下所示:
$( "#mycanvas" ).slideDown();
这里有更多信息: http://api.jquery.com/slidedown/