用途:提供制作可缩放、可访问、可随主题切换的 SVG 视觉资源的实践指南,适用于横幅、图标等界面图形。
主要能力:说明 SVG 的优势,包括无限缩放(适配视网膜屏与打印)、文本可搜索可访问、可用 CSS 定制(含深色模式)、文件体积小、便于版本控制。给出横幅模板结构,使用 viewBox="0 0 1200 300" 与背景矩形。列出关键技术及用途:viewBox 用于响应式缩放,defs 与 use 用于可复用组件,linearGradient 用于现代背景,clipPath 用于形状容器,CSS 变量用于主题切换。提供深浅色模式示例,通过 @media (prefers-color-scheme: dark) 与 light 分别设置 .bg 与 .text 的填充色。给出图标尺寸建议:16x16 用于 favicon 和小型 UI,32x32 用于标签页图标和列表,128x128 用于应用图标,512x512 用于商店列表。无障碍方面要求:装饰性 SVG 加 role="img",用 title 供屏幕阅读器读取,对比度至少 4.5:1,纯装饰时加 aria-hidden="true"。工具方面列出 SVGO 用于优化压缩、Inkscape 用于可视化编辑、svg-to-png 用于栅格化。
使用方式与限制:资料未提供具体安装命令或调用步骤,仅给出上述模板、技巧与工具名称;Synapses 部分提示参见 synapses.json 获取连接关系,具体内容暂未提供。