我正在尝试为用户在我的网站上导出图像文件制作进度条。与此示例https://jsfiddle.net/rz8jm5hv/2/相似。我遇到的问题是,在Chrome中,当屏幕上出现警报时,它会冻结DOM中的所有内容,而不是警报框,我知道这是Chrome警报的工作原理,但是它也会冻结图像加载时的动画。
例如,当我打电话时:
img.src = "data:image/svg+xml;charset=utf-8,[base64 data]"
Firefox会在加载图像时在后台渲染动画,但Chrome会冻结所有动画,直到img.onload
运行为止。
有人可以解释为什么会发生这种情况吗?是否有办法可以解决Chrome中的此问题?