svgdr : 元素沿路径排列+可控闪烁CSS动画

小辣椒

这个点点圆可以自由排列吧

马黑黑

小辣椒 发表于 2024-10-29 21:32
这个点点圆可以自由排列吧

这是按路径排列

花飞飞

dr.path('M0 400 Q350 -280,700 400', 'none','none').id('path');
我看到了一个ID声明。。原来可以追在后面写的

小辣椒

马黑黑 发表于 2024-10-29 21:32
这是按路径排列

哦，可以按路径排列

花飞飞

马黑黑 发表于 2024-10-29 20:03
svg有文本路径，可以将文本按路径排列。但是，其他元素按路径布排则需要另辟蹊径，本例的实现思路是，利用 ...

这个试试就很明白了，它们均匀排列，智能得很。。
双路径也支持。
我来画个画，看到路径就想给它变一下。。

花飞飞

马黑黑

花飞飞 发表于 2024-10-29 21:45
这个试试就很明白了，它们均匀排列，智能得很。。
双路径也支持。
我来画个画，看到路径就想给它变一下 ...

好玩的

马黑黑

花飞飞 发表于 2024-10-29 21:45
var sc = document.createElement('script');
    sc.src = 'https:// ...

这是新国标自动脚踏车

马黑黑

小辣椒 发表于 2024-10-29 21:44
哦，可以按路径排列

你说的自由排列，有随机 cx cy 就可以了

起个网名好难

马黑黑 发表于 2024-10-29 21:29
tt在for循环里参与计算 point 值，这个tt得有，至于放在for之前还是for内，这都没问题的，C语言也有这么 ...

tt 不是循环变量，这样写会误以为它也是循环变量。

马黑黑

起个网名好难 发表于 2024-10-29 22:15
tt 不是循环变量，这样写会误以为它也是循环变量。

这是标准写法之一，而且，这种写法效果更好。

起个网名好难

马黑黑 发表于 2024-10-29 22:30
这是标准写法之一，而且，这种写法效果更好。

没错是真的， 效果更好就呵呵了

红影

马黑黑 发表于 2024-10-29 21:21
这里用的是透明度，还可以考虑用亮度，或二者相结合

这个已经很漂亮了呢

红影

马黑黑 发表于 2024-10-29 21:22
如果自己去计算路径的长度、路径某一点的坐标值，那是相当复杂的

即使用公式去算，也会让代码变得麻烦，这个真的太好了

马黑黑

红影 发表于 2024-10-29 22:57
即使用公式去算，也会让代码变得麻烦，这个真的太好了

JS和HTML集成了很多封装。实际上，audio、video这些标签，都是发展需要封装出来的，原先的 backsound 好端端的硬是被w3c砍掉，都是为了给媒体标签让路

马黑黑

红影 发表于 2024-10-29 22:56
这个已经很漂亮了呢

还好，加个阴影就立体化了

马黑黑

起个网名好难 发表于 2024-10-29 22:32
没错是真的， 效果更好就呵呵了

不信你去查一下资料。我个人对此有所知，我不乱说不乱用。

红影

马黑黑 发表于 2024-10-29 23:11
JS和HTML集成了很多封装。实际上，audio、video这些标签，都是发展需要封装出来的，原先的 backsound 好 ...

哦 哦，audio、video也是封装啊，用习惯了还以为它天然就那样呢

红影

马黑黑 发表于 2024-10-29 23:12
还好，加个阴影就立体化了

那就更漂亮了

马黑黑

红影 发表于 2024-10-29 23:40
哦 哦，audio、video也是封装啊，用习惯了还以为它天然就那样呢

HTML4是没有这些标签的，后来才加进去。这些东东，有HTML的封装，有JS对它们的封装，都成配套的。还有一些相对新的元素，分析过它们的一小部分，里面有的有了大量的伪元素做修饰。