请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
<svg id="msvg" width="400" height="400" viewBox="0 0 400 400"></svg>
<script type="module">
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) => {
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; } }
`);
</script>
|