# @cf-wasm/resvg 中文文档

规范地址：https://npmcn.com/package/%40cf-wasm/resvg/

版本：0\.4\.0
npm 元数据更新时间：2026-08-01T02:29:48.254Z
中文译文更新时间：2026-11-09T08:29:49.741Z
软件包许可：MPL-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40cf-wasm/resvg
原文对照：https://npmcn.com/package/%40cf-wasm/resvg/?lang=original
项目主页：https://github.com/fineshopdesign/cf-wasm/tree/main/packages/resvg#readme
源码仓库：https://github.com/fineshopdesign/cf-wasm

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：14.2 MB，40 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：2 个
- 首次发布：2024-03-31T03:52:21.039Z
- 最新版本发布：2026-08-01T02:29:47.873Z
- 近 30 天下载量：665073（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：25（近 12 个月 9 个）

## 中文简介

一个高性能的SVG渲染器和工具包,由Rust基于restg提供动力.

## 安装

```sh
npm install @cf-wasm/resvg
```

也可以使用：`pnpm add @cf-wasm/resvg`、`yarn add @cf-wasm/resvg`、`bun add @cf-wasm/resvg`

## README

# 请检查date=中的日期值 (帮助) @cf-wasm/resvg

一个高性能的SVG渲染器和工具包,由Rust基于restg提供动力.

电源 [(原始内容存档于2018-09-21) (英语). resvg-js](https://github.com/thx/resvg-js)。 。 。 .

## 安装

```shell
npm install @cf-wasm/resvg       # npm
yarn add @cf-wasm/resvg          # yarn
pnpm add @cf-wasm/resvg          # pnpm
```

## 使用量

因为 `package.json` 包括: `node`, (中文(简体) ), `workerd`,以及 `edge-light`,通常可以直接从 `@cf-wasm/resvg` 让运行时间选择正确的入站点 :

```ts
import { Resvg } from "@cf-wasm/resvg";
```

如果您想要明确, 请从子模块导入 :

-   Cloudflare Workers / Pages (Wrangler): 云花工/页面(英语:
    
    ```ts
    import { Resvg } from "@cf-wasm/resvg/workerd";
    // To use v2.4.1 of @resvg/resvg-wasm, use the below instead
    import { Resvg } from "@cf-wasm/resvg/legacy/workerd";
    ```
    
-   Next.js Edge 运行时间 :
    
    ```ts
    import { Resvg } from "@cf-wasm/resvg/edge-light";
    // To use v2.4.1 of @resvg/resvg-wasm, use the below instead
    import { Resvg } from "@cf-wasm/resvg/legacy/edge-light";
    ```
    
-   节点.js(内含):
    
    ```ts
    import { Resvg } from "@cf-wasm/resvg/node";
    // To use v2.4.1 of @resvg/resvg-wasm, use the below instead
    import { Resvg } from "@cf-wasm/resvg/legacy/node";
    ```
    

## 文档

建议使用 `Resvg.async()` 作为静态方法代替 `new Resvg()` 构造器 :

```tsx
import { Resvg } from "@cf-wasm/resvg/legacy/node";

// this is recommended
await Resvg.async("<svg...</svg>");

// instead of
new Resvg("<svg...</svg>");
```

API 参考文献改为: [(原始内容存档于2018-09-21) (英语). resvg-js](https://github.com/thx/resvg-js/tree/main/wasm)。 。 。 .

## 常见问题

### @cf-wasm/resvg 是什么？

一个高性能的SVG渲染器和工具包,由Rust基于restg提供动力\.

### 如何安装 @cf-wasm/resvg？

在项目目录运行 npm install @cf-wasm/resvg，或使用 pnpm add / yarn add / bun add。

### @cf-wasm/resvg 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @cf-wasm/resvg 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @cf-wasm/resvg 可以商用吗？

@cf-wasm/resvg 使用 MPL-2\.0 许可。弱 Copyleft：可以商用，也可以和闭源代码一起使用；但如果分发时修改了 MPL 授权的文件，这些文件的修改需以 MPL 开源。以上为概括，不构成法律意见，请以许可原文为准。

### @cf-wasm/resvg 的下载量有多少？

根据 npm 官方下载统计，@cf-wasm/resvg 在 2026/10/10 – 2026/11/08 这 30 天内被下载 665,073 次，日均约 22,169 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @cf-wasm/resvg 还在维护吗？

最新版本 0\.4\.0 发布于 2026/08/01（3 个月前）；至今共发布 25 个版本，其中过去 12 个月发布了 9 个；首次发布于 2024/03/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。