花飞飞 发表于 2024-10-24 17:53
小播设计颜值很高，红绿这么难驾驭的色彩，硬是让白老师一次一次用出这么高级的感觉。不愧是天选之色。。
...
果酱果酱
花飞飞 发表于 2024-10-24 18:02
这个解释超级详细，层次分明。。
神奇的是 这个空标签横空出世，划一块地儿给JS描绘。。
这些 ...
JS操作DOM是基本功能
花飞飞 发表于 2024-10-24 18:11
相同的效果通过svgdr生成 XML代码，这得有深厚的功底才能做到的节奏
这个也不会太难，做的完美就是个事了
红影 发表于 2024-10-24 19:44
小球的路径是css路设置的二次贝塞尔曲线，JS里给它形状和个数。
小播是在JS里画的二次赛贝尔曲线，而且设 ...
{:4_190:}
红影 发表于 2024-10-24 20:07
var attr = {id: 'lgd', x1: 1, x2: 0, y1: 1, y2: 1};这个是从右到左吧，不是45度了。如果x1: 0, x2: 1， ...
这是写漏了
红影 发表于 2024-10-24 19:56
dr.path('M80 80 Q-120 90, 50 10', 'transparent', 'url(#lgd)', 8, 'round').transform(`rotate(${360/tt ...
后面的 80 80 是基于路径元素设计的。如果是circle啥的就更好理解，反正就是让它原地旋转一定角度以错开组成一个整体。
马黑黑 发表于 2024-10-24 21:24
这些效果都很新奇{:4_187:}
马黑黑 发表于 2024-10-24 21:24
这是写漏了
哦，还是需要这个百分号的啊。
马黑黑 发表于 2024-10-24 21:26
后面的 80 80 是基于路径元素设计的。如果是circle啥的就更好理解，反正就是让它原地旋转一定角度以错开 ...
好像移动的数字取值和M里的一样，就能让起点聚在一起。
红影 发表于 2024-10-24 22:59
好像移动的数字取值和M里的一样，就能让起点聚在一起。
是的，路径的中心不好确定，所以得有个妙法
红影 发表于 2024-10-24 22:51
哦，还是需要这个百分号的啊。
是的，不然不合法。不过还好，它有一个规则：大于1的等于1，小于0的等于0，所以 100 这里等于 1，就是 100%
马黑黑 发表于 2024-10-24 23:31
是的，路径的中心不好确定，所以得有个妙法
去试过，不聚在一起也挺奇特的{:4_173:}
马黑黑 发表于 2024-10-24 23:33
是的，不然不合法。不过还好，它有一个规则：大于1的等于1，小于0的等于0，所以 100 这里等于 1，就是 10 ...
嗯，这时的百分号就算没写问题也不大。
红影 发表于 2024-10-24 23:50
嗯，这时的百分号就算没写问题也不大。
不纠结的话也没啥
红影 发表于 2024-10-24 23:49
去试过，不聚在一起也挺奇特的
有时候可以故意拉开一点的
马黑黑 发表于 2024-10-24 12:13
帖子思路：
（一）帖子容器是一个div标签，加载了背景图片；
这个要仔细看看
晚上争取套用玩一个，好久不玩都基本不会了
小辣椒 发表于 2024-10-25 16:55
晚上争取套用玩一个，好久不玩都基本不会了
悠着点
小辣椒 发表于 2024-10-25 16:53
这个要仔细看看
仔细瞅瞅看看有什么不同
马黑黑 发表于 2024-10-25 18:06
悠着点
好的，收到!