note icon indicating copy to clipboard operation
note copied to clipboard

页面跳转或者提交Form过程中SVG动画不执行了!!!

Open yaofly2012 opened this issue 1 year ago • 1 comments

背景

期望在用户点击a标签或者用户提交表单(利用Form)时展示一个loading。但是发现在页面跳转或者提交Form过程中SVG动画不执行了!!!

解决方案

利用iframe加载SVG。但是效果并不好,毕竟等在线的SVG加载完毕后,原本的页面跳转或者表单提交已经完成了。

参考:

  1. 思否:在页面还未加载完毕前,svg的动画效果失效?
  2. Animated SVG stops after page reloading
  3. Safari pauses all animation on redirect / form submission

yaofly2012 avatar Apr 21 '24 09:04 yaofly2012

这个和我之前遇到的问题有点相似,我想在大量计算时展示一个loading状态给用户。我猜测大量计算应该直接占满js线程 并不会继续刷新dom造成的。

点击a标签和触发form表单 这些用户触发的高优级别交互 我感觉会第一时间放到主线程里 终止其他dom交互。 是否可以通过server worker来解决? worker是否支持 a标签以及form的创建

shen774411223d avatar Apr 23 '24 02:04 shen774411223d