Earth

红影

马黑黑 发表于 2024-9-24 23:13
应啃下来也不会太难。明天我再弄个 stroke-dash* 创建动画的帖子，力求做的简单一点，这样便于大家理解

看到了，黑黑真厉害，那个小播还带立体感呢，都不用画图，仅仅利用线型就得到那么漂亮的效果

花飞飞

马黑黑 发表于 2024-9-24 20:49
就两个简单的Q路径

这个路径可以更换的吧，就是换成别的也可以对么

花飞飞

马黑黑 发表于 2024-9-24 20:51
提前的延时。注意看负数符号。当使用负数值的 animation-delay，表示提前运行多少时间，这样，页面一打开 ...

感觉代码贴子里这个负值很好用的。歌词第一句也可以用负值提时间

花飞飞

马黑黑 发表于 2024-9-24 20:53
12行是椭圆绘制，它静止不动

原来如此，我说它怎么又写一次。。
只顾着看动着的了。。
静的在这里安安静静的

马黑黑

花飞飞 发表于 2024-9-25 20:14
原来如此，我说它怎么又写一次。。
只顾着看动着的了。。
静的在这里安安静静的

代码和实际效果之间有联系的

马黑黑

花飞飞 发表于 2024-9-25 20:13
感觉代码贴子里这个负值很好用的。歌词第一句也可以用负值提时间

按理可以，但实际上他被视为 0 看待

花飞飞

马黑黑 发表于 2024-9-25 20:41
代码和实际效果之间有联系的

代码负责画，画面负责呈现。。

花飞飞

马黑黑 发表于 2024-9-25 20:43
按理可以，但实际上他被视为 0 看待

原来是这样，又解惑了，原来真的-2和-20其实是一样的

马黑黑

花飞飞 发表于 2024-9-25 20:54
原来是这样，又解惑了，原来真的-2和-20其实是一样的

小于0的视为0。这是因为，LRC歌词同步检测的是时间：当前播放的时间和歌词信息记录的时间对比。当前播放的时间肯定大于任何小于0的数字，仅此而已。

马黑黑

花飞飞 发表于 2024-9-25 20:53
代码负责画，画面负责呈现。。

这样理解有偏差。实际是，代码指挥一切，浏览器按照代码去渲染。

游侠

欣赏佳作

马黑黑

游侠 发表于 2024-9-26 11:03
欣赏佳作

花飞飞

马黑黑 发表于 2024-9-25 22:31
小于0的视为0。这是因为，LRC歌词同步检测的是时间：当前播放的时间和歌词信息记录的时间对比。当前播放 ...

明白了，其实有关注过歌词第一句负值的问题，现在算解惑了

花飞飞

马黑黑 发表于 2024-9-25 22:32
这样理解有偏差。实际是，代码指挥一切，浏览器按照代码去渲染。

是哪打哪，没有偏差

马黑黑

花飞飞 发表于 2024-9-26 22:44
是哪打哪，没有偏差

有

马黑黑

花飞飞 发表于 2024-9-26 22:43
明白了，其实有关注过歌词第一句负值的问题，现在算解惑了

这是可想而知的事情：通过audio空间的时间来调整歌词进度。播放器不可能播放负值时间里的歌，因为不存在

花飞飞

马黑黑 发表于 2024-9-26 23:00
这是可想而知的事情：通过audio空间的时间来调整歌词进度。播放器不可能播放负值时间里的歌，因为不存在
...

可想半天也没知。。现在知了

马黑黑

花飞飞 发表于 2024-9-26 23:07
可想半天也没知。。现在知了

有些事情是纯粹的逻辑问题

花飞飞

马黑黑 发表于 2024-9-26 22:59
有

好吧，浏览器级别不够就瞄不准

花飞飞

马黑黑 发表于 2024-9-26 23:09
有些事情是纯粹的逻辑问题

逻辑它不稳定，有时候有，有时候缺席