📦 SVG — 矢量图形创建与优化
v?使用 SVG 技术创建和优化矢量图形,确保适当的 viewBox 设置、无障碍支持以及 CSS 样式应用,帮助开发者高效制作兼容多设备的图形资源。
2· 1.2k·0 当前·0 累计
by @ivangdavila
运行时依赖
无特殊依赖
安装命令
点击复制官方npx clawhub@latest install svg
镜像加速npx clawhub@latest install svg --registry https://cn.longxiaskill.com
技能文档
简介
创建和优化 SVG 图形,确保适当的 viewBox 设置、无障碍支持以及 CSS 样式应用。用法
# 示例命令(假设存在,原文未提供实际命令)
svg-tool create mygraphic --optimize
配置
# 示例配置(假设存在,原文未提供实际配置)
svg:
viewBox: '0 0 100 100'
accessibility: true
cssStyle: 'fill: #007bff;'
教程
步骤 1: 创建 SVG
创建一个基本的 SVG 文件。步骤 2: 优化 SVG
使用工具优化 SVG 文件,减小文件大小。步骤 3: 添加 CSS 样式
通过 CSS 控制 SVG 的外观。# 原 YAML frontmatter 保留(示例,实际根据原文填写) title: SVG 技能 version: 1.0