svg图片

svg图片基础

利用svg图片:先去网页下载,要选择svg格式下载,点开文件夹,再查看页面源代码,再svg开始复制,复制好去代码中

注意:

svg图标常见的css属性

stroke-dasharray

通常与动画联动

stroke-dashoffset

不断增大,图形会被擦除(会不断消失)

结合动画就会从无到有画出图形

一个svg也是由许多模块组成的,每个小块都可以拆出来做动画

相关推荐
hunterandroid1 小时前
前台服务适配与线上排查:通知权限、启动限制和任务保活
android·前端
我是大卫1 小时前
【图】React源码解析-从“上帝视角”俯瞰React的认知框架
前端·react.js·源码
不简说1 小时前
JS 代码技巧 vol.6 — 20 个性能优化野路子,从渲染到网络全栈提速
前端·javascript·程序员
HYDtomako1 小时前
Claude Code学习
学习·ai·agent·claude code
小岛前端1 小时前
展示!我 Vibe 了一个 Codex HUD
前端·ai编程
我是大卫2 小时前
【图】React源码解析-从源码数据结构、执行机制对比、闭包陷阱与最佳实践四个维度,深挖useMemo和useCallback的底层原理
前端·react.js·源码
不一样的少年_2 小时前
不用 LangChain,手搓 AI Agent:给大模型装上“手”,让它自己读项目文件
前端·人工智能·agent
索西引擎2 小时前
【React】useState 函数式更新机制:闭包陷阱规避与状态一致性保障分析
前端·react.js·前端框架
anyup2 小时前
从文本到具身:我给 AI Agent 搭了套实时 3D 交互身体
前端·人工智能·aigc
lichenyang4532 小时前
给弱模型一本说明书:我把文档规范做成单文件 Skill,也终于分清了 Skill 和 MCP
前端