文本椭圆形布局演示

马黑黑

红影 发表于 2023-6-11 08:53
我经常会忘了是对什么事要个结论，哈哈，灌水真是欢乐

那就多灌灌水

红影

马黑黑 发表于 2023-6-11 11:01
为人民服务

太高尚了

红影

马黑黑 发表于 2023-6-11 11:02
那就多灌灌水

打字没你快，灌不过你

马黑黑

红影 发表于 2023-6-11 18:51
打字没你快，灌不过你

我也没多块

红影

马黑黑 发表于 2023-6-11 19:59
我也没多块

怎么能让椭圆路径上的文字转动呢？

马黑黑

红影 发表于 2023-6-11 22:32
怎么能让椭圆路径上的文字转动呢？

既然有了路径 offset-path，就可以设计关键帧动画让文字从 offset-distance: 0%; 到 offset-distance: 100% 做运动

红影

马黑黑 发表于 2023-6-11 22:40
既然有了路径 offset-path，就可以设计关键帧动画让文字从 offset-distance: 0%; 到 offset-distance: 10 ...

哦哦，原来不是让下面的圆圈一起动啊。嗯，空了我去试试看

马黑黑

红影 发表于 2023-6-11 23:03
哦哦，原来不是让下面的圆圈一起动啊。嗯，空了我去试试看

方案可以不止一种

红影

马黑黑 发表于 2023-6-11 23:28
方案可以不止一种

看到你那个，我才发现我完全不会

马黑黑

红影 发表于 2023-6-12 22:32
看到你那个，我才发现我完全不会

主要是涉及到计算。

文字需要在不同的位置出发，这个可以理解吧？

总路径是 100%，假设文字一从 0 出发，则它的终点是 100%；文字二假设在 10%， 则它的终点是 100% + 10%；其余依此类推。

这就有了我设计的算式。

红影

马黑黑 发表于 2023-6-12 22:35
主要是涉及到计算。

文字需要在不同的位置出发，这个可以理解吧？

哦，原来是考虑它们原来的占位，嗯嗯，现在真的弄明白了，谢谢黑黑

马黑黑

红影 发表于 2023-6-12 23:23
哦，原来是考虑它们原来的占位，嗯嗯，现在真的弄明白了，谢谢黑黑

理解为占位也是，不过，其实是单元格应在的位置，就好比10个人绕圈圈站着，每个人都有自己的位置一样。

红影

马黑黑 发表于 2023-6-12 23:27
理解为占位也是，不过，其实是单元格应在的位置，就好比10个人绕圈圈站着，每个人都有自己的位置一样。

而且这些位置是均匀分布的

马黑黑

红影 发表于 2023-6-13 10:43
而且这些位置是均匀分布的

通过算法，对的

红影

马黑黑 发表于 2023-6-13 12:08
通过算法，对的

所以能够这样算他们的位置

马黑黑

红影 发表于 2023-6-13 16:51
所以能够这样算他们的位置

这些都可以的

红影

马黑黑 发表于 2023-6-13 19:10
这些都可以的

是的，弄明白了感觉特别有趣

马黑黑

红影 发表于 2023-6-13 21:23
是的，弄明白了感觉特别有趣

那是自然

红影

马黑黑 发表于 2023-6-13 21:29
那是自然

以前习惯了看到不懂的句子就直接跳过了，这习惯真不好

马黑黑

红影 发表于 2023-6-13 22:59
以前习惯了看到不懂的句子就直接跳过了，这习惯真不好

会有错漏，知识会不衔接