svg2svelte-rs

工作原理

svg2svelte 解析 svg 文件的 ids，用于 bind: 名称，并将它们转换为可以用动画库（例如 anime.js）操作变量的形式

依赖项

• svgo 需要全局安装

npm i -g svgo           # npm
yarn global add svgo    # yarn
pnpm add -g svgo        # pnpm

安装

从源代码构建

git clone https://github.com/derektata/svg2svelte-rs
cd svg2svelte-rs
make

使用 cargo

cargo install svg2svelte

使用方法

USAGE:
    svg2svelte [OPTIONS] [SVG_FILE]

ARGS:
    <SVG_FILE>    File to be processed

OPTIONS:
    -h, --help          Print help information
    -t, --typescript    Create a Typescript component
    -v, --verbose       Print the generated component to stdout
    -V, --version       Print version information

EXAMPLES:
    svg2svelte ball.svg
    svg2svelte -t ball.svg

为什么？

我之前用 shell 写的实现存在跨平台运行问题，只能在 Linux 上工作，所以我决定开始学习更多 Rust，这个项目就诞生了。