设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
12
返回列表 发新帖
楼主: 马黑黑

一文讲清 SVG 动态绘图

[复制链接]
杨帆
  • TA的每日心情
    奋斗
    2026-6-12 09:57

    • 签到天数: 563 天

    [LV.9]以坛为家II

    375

    主题

    4318

    回帖

    2万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主
    发表于 2026-6-12 20:35 | 显示全部楼层
    马黑黑 发表于 2026-6-12 14:11
    可以这么理解。为了更透彻理解“虚线”描边属性 stroke-dasharray 可以看如下例子：

    <style>

    终于明白了，由衷感谢马老师悉心答疑解惑
    ★青春是一个人的精神生命，奋斗是一个人最大的体面，学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

    杨帆
  • TA的每日心情
    奋斗
    2026-6-12 09:57

    • 签到天数: 563 天

    [LV.9]以坛为家II

    375

    主题

    4318

    回帖

    2万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主
    发表于 2026-6-12 20:42 | 显示全部楼层
    本帖最后由 杨帆 于 2026-6-12 20:43 编辑

    马黑黑 发表于 2026-6-12 14:18 19楼，你可以拿代码去测试，将第五根 line 的 stroke-dasharray 设置为 500，看看是什么情况。此外，还可 ...
    stroke-dasharray 虚线中的实线设置为大于原本长度的数字，同时设置间隙数为 20，偏移量不变，会发生什么呢？ 此时，循环动画的作用，使得下一个虚线单元的实线段落到可视区域内（如下图，设置实线段450），对吗？，请马老师指正~
    ★青春是一个人的精神生命，奋斗是一个人最大的体面，学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    奋斗
    2026-6-12 14:02

    • 签到天数: 1843 天

    [LV.Master]伴坛终老

    3252

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2026-6-12 21:42 | 显示全部楼层
    杨帆 发表于 2026-6-12 20:42
    本帖最后由 杨帆 于 2026-6-12 20:43 编辑

    stroke-dasharray 虚线中的实线设置为大于原本长度的数字， ...

    是这个道理
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    奋斗
    2026-6-12 14:02

    • 签到天数: 1843 天

    [LV.Master]伴坛终老

    3252

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2026-6-12 21:43 | 显示全部楼层
    杨帆 发表于 2026-6-12 20:35
    终于明白了，由衷感谢马老师悉心答疑解惑

    回复 支持 反对

    使用道具 举报

    杨帆
  • TA的每日心情
    奋斗
    2026-6-12 09:57

    • 签到天数: 563 天

    [LV.9]以坛为家II

    375

    主题

    4318

    回帖

    2万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生鹰傲苍穹飞龙在天王者至尊大将风范花潮版主
    发表于 2026-6-12 21:50 | 显示全部楼层
    马黑黑 发表于 2026-6-12 21:42
    是这个道理

    终于明白其原理了，由衷感谢马老师循循善诱、诲人不倦
    ★青春是一个人的精神生命，奋斗是一个人最大的体面，学习是一个人最美的姿态。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    奋斗
    2026-6-12 14:02

    • 签到天数: 1843 天

    [LV.Master]伴坛终老

    3252

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2026-6-12 22:44 | 显示全部楼层
    杨帆 发表于 2026-6-12 21:50
    终于明白其原理了，由衷感谢马老师循循善诱、诲人不倦

    回复 支持 反对

    使用道具 举报

    12
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2026-6-13 00:30 , Processed in 0.114241 second(s), 21 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表