javascript - 如何制作 Canvas 的加载屏幕

标签 javascript canvas

我正在使用 javascript canvas 元素,并且我正在寻找可以为其制作加载屏幕的方法,因为它需要在屏幕上布置二十万个单独的彩色点,并且需要相当长的时间。我看到的所有加载屏幕都是用于加载 HTML 元素的 jQuery 解决方案。然而,canvas 标签加载速度很快,但其上的元素却加载缓慢。有什么方法可以衡量 Canvas 加载的进度吗?

谢谢

最佳答案

您可以创建一个具有绝对位置的 div,然后将其放置在 Canvas 上。

//Init Canvas... get context
//blah blah blah

//Put a load screen over it
var loading=$('<div style="position:absolute;left:;top:;background:url(\'loading.gif\' white"/>').appendTo("body");

//Call drawing procedure
//......

//when done just remove
loading.remove()

关于javascript - 如何制作 Canvas 的加载屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16049963/

相关文章:

javascript - 构造函数和对象之间的区别

javascript - 是否可以将类传递给 Javascript 函数?

javascript - 暂停按钮对背景视频不起作用

javascript - 当我为图像或 smth 设置动画时如何避免背景颜色不透明问题?

android - 矩阵镜像和刻度

javascript - 无法从 Canvas 上制作一 block

javascript - 使用javascript访问具有相同名称的2个提交按钮的值

javascript - 在运行时修改 GraphQLObjectType 字段

javascript - 在 Javascript 中获取线坐标

javascript - 为什么多次调用 fillRect() 比一次调用 fillRect() 慢?