桃子飞飞 (symshk)
我分享了代码,svg动画-方形-圆形

stroke-dasharray
为一个参数时: 其实是表示虚线长度和每段虚线之间的间距;
两个参数或者多个参数时:一个表示长度,一个表示间距

stroke-dashoffset: 
x方向的偏移,分正负

这两个值都与 形状的周长 有关

注意:关闭本对话框后, 你将看到由 桃子飞飞 (symshk) 开发的DEMO演示:svg动画-方形-圆形 stroke-dasharray 为一个参数时: 其实是表示虚线长度和每段虚线之间的间距; 两个参数或者多个参数时:一个表示长度,一个表示间距 stroke-dashoffset: x方向的偏移,分正负 这两个值都与 形状的周长 有关,仅限工作交流和学习, 切勿在页面中填写你的登录密码、个人信息或向他人转账。


我已知晓安全风险,并继续浏览测试页面

编辑源码 | 下载源码