Truck

马黑黑

花飞飞 发表于 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里画的二次赛贝尔曲线，而且设 ...

马黑黑

红影 发表于 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

这些效果都很新奇

红影

马黑黑 发表于 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
是的，路径的中心不好确定，所以得有个妙法

去试过，不聚在一起也挺奇特的

红影

马黑黑 发表于 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
悠着点

好的，收到!