马黑黑 发表于 2025-9-6 19:52

漂不漂亮

<div class="codebox" data-prev="1">
&lt;svg id="msvg" width="400" height="400" viewBox="0 0 400 400"&gt;&lt;/svg&gt;

&lt;script type="module"&gt;
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        var dr = Dr.dr(msvg);

        dr.setsvg({width: 400, height: 400, viewBox: '-200 -200 400 400'});
        let total =5, path = 'M0 0 C-100 -250,100 -250,0 0';
        Array.from({length: total}).forEach((_,k) =&gt; {
                dr.path(path, 'darkgreen', 'darkgreen', 4).transform(`rotate(${360 / total * k})`);
        });
        dr.css(`
                path { stroke-dasharray: 4; stroke-dashoffset: 100%; animation: move 4s infinite; }
                @keyframes move { to { stroke-dashoffset: 0; } }
        `);
&lt;/script&gt;
</div>

<script type="module">
import linenumber from 'https://638183.freep.cn/638183/web/js/linenumber.js';
linenumber();
</script>

红影 发表于 2025-9-6 20:45

有意思，像5柄电锯，忽然转动起来，在五个方向上切割着{:4_173:}

红影 发表于 2025-9-6 20:49

描边虚线的动画演示，非常有趣呢{:4_187:}

马黑黑 发表于 2025-9-6 20:54

红影 发表于 2025-9-6 20:49
描边虚线的动画演示，非常有趣呢

{:4_190:}

马黑黑 发表于 2025-9-6 20:54

红影 发表于 2025-9-6 20:45
有意思，像5柄电锯，忽然转动起来，在五个方向上切割着

为什么不是仙人掌呢

红影 发表于 2025-9-6 21:19

马黑黑 发表于 2025-9-6 20:54


谢大咖{:4_187:}

红影 发表于 2025-9-6 21:19

马黑黑 发表于 2025-9-6 20:54
为什么不是仙人掌呢

仙人掌虽然有刺，但人家的刺又不动的，否则追着人扎还了得啊{:4_189:}

杨帆 发表于 2025-9-6 21:36

漂亮！谢谢马老师精彩分享{:4_190:}

马黑黑 发表于 2025-9-6 22:20

杨帆 发表于 2025-9-6 21:36
漂亮！谢谢马老师精彩分享

{:4_191:}

马黑黑 发表于 2025-9-6 22:20

红影 发表于 2025-9-6 21:19
仙人掌虽然有刺，但人家的刺又不动的，否则追着人扎还了得啊

这是文明的

花飞飞 发表于 2025-9-7 10:47

这个非常漂亮啊，边上的虚线跑得朦朦胧胧的，一会清晰一会模糊，变幻莫测

花飞飞 发表于 2025-9-7 10:50

虚线偏移的神奇的效果，一般的图片一但有了动态描边，就灵动美观，特别好看。。{:4_199:}

马黑黑 发表于 2025-9-7 12:18

花飞飞 发表于 2025-9-7 10:50
虚线偏移的神奇的效果，一般的图片一但有了动态描边，就灵动美观，特别好看。。

就是容易眼花花

红影 发表于 2025-9-7 15:18

马黑黑 发表于 2025-9-6 22:20
这是文明的

是啊，除非人主动去被扎{:4_173:}

梦江南 发表于 2025-9-7 15:29

非常漂亮的带虚线绿花，好看。

马黑黑 发表于 2025-9-7 15:42

梦江南 发表于 2025-9-7 15:29
非常漂亮的带虚线绿花，好看。

{:4_190:}

马黑黑 发表于 2025-9-7 15:42

红影 发表于 2025-9-7 15:18
是啊，除非人主动去被扎

人是自主性很强的动物

红影 发表于 2025-9-7 19:55

马黑黑 发表于 2025-9-7 15:42
人是自主性很强的动物

不过被洗脑后就不一定了。

马黑黑 发表于 2025-9-7 21:37

红影 发表于 2025-9-7 19:55
不过被洗脑后就不一定了。

也是自主的：自别人的主

花飞飞 发表于 2025-9-7 21:52

马黑黑 发表于 2025-9-7 12:18
就是容易眼花花

眼一般不会花花的。。
页: [1] 2 3
查看完整版本: 漂不漂亮