📦 SVG — 矢量图形创建与优化

v?

使用 SVG 技术创建和优化矢量图形,确保适当的 viewBox 设置、无障碍支持以及 CSS 样式应用,帮助开发者高效制作兼容多设备的图形资源。

2· 1.2k·0 当前·0 累计
0

运行时依赖

无特殊依赖

安装命令

点击复制
官方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

数据来源ClawHub ↗ · 中文优化:龙虾技能库