用途:svg-graphics 是一份 SVG 图形制作技能资料,面向需要制作可缩放、可访问、可随主题切换视觉素材的场景,如项目横幅、图标、徽章与示意图。
主要能力:资料说明 SVG 可无限缩放(适配视网膜屏与打印)、文本可搜索可访问、可用 CSS 定制(含深色模式)、文件体积小、便于版本控制。内容包含横幅模板、关键技法表(viewBox 响应式缩放、defs 与 use 复用组件、linearGradient 背景、clipPath 形状容器、CSS 变量主题切换)、深色/浅色模式媒体查询示例、图标尺寸建议(16x16 至 512x512)、SMIL 淡入与错峰入场动画、CSS 变换的嵌套分组模式、clipPath 三层结构、SVGO 配置与体积预算、无障碍要点,以及 SVG 与 Mermaid 的适用场景对比。
使用方式:资料给出可直接参考的 SVG 代码片段与配置,例如 viewBox 写法、prefers-color-scheme 媒体查询、animate 属性说明、SVGO 插件配置。必要命令与代码保持原样,如 viewBox、<defs>、<clipPath>、<animate>、preset-default 等。
限制与注意:资料提示 GitHub README 会静态渲染 SVG,动画不会播放;优化时切勿移除 viewBox(会破坏缩放)或 <title>(会破坏无障碍);同一元素不要混用静态定位与动画变换;绘制有机形状应使用带贝塞尔曲线的 path,避免堆叠圆形的“雪人”问题。其余如具体收费、平台支持等信息暂未提供。