# @canva/asset 中文文档

规范地址：https://npmcn.com/package/%40canva/asset/

版本：2\.4\.0
npm 元数据更新时间：2026-11-03T03:06:19.802Z
中文译文更新时间：2026-11-09T01:22:50.746Z
软件包许可：SEE LICENSE IN LICENSE\.md FILE

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

原始 npm 页面：https://www.npmjs.com/package/%40canva/asset
原文对照：https://npmcn.com/package/%40canva/asset/?lang=original

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

- 包体积（解压后）：63.6 kB，20 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：@canva/error ^2\.0\.0
- 首次发布：2023-11-17T03:40:34.349Z
- 最新版本发布：2026-11-03T03:06:19.613Z
- 近 30 天下载量：109012（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：40（近 12 个月 5 个）

## 中文简介

Canva 开发者 SDK 用于 Canva 内部应用的资产管理库

## 安装

```sh
npm install @canva/asset
```

也可以使用：`pnpm add @canva/asset`、`yarn add @canva/asset`、`bun add @canva/asset`

## README

# @ canva/ 资产

一个Canva开发者SDK软件包,用于Canva内部构建应用软件. 规定了资产处理方法.

![](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

## 目录

-   [导言](https://npmcn.com/package/%40canva/asset/#readme-introduction)
-   [安装](https://npmcn.com/package/%40canva/asset/#readme-installation)
-   [使用量](https://npmcn.com/package/%40canva/asset/#readme-usage)
-   [API 参考](https://npmcn.com/package/%40canva/asset/#readme-api-reference)
-   [相关软件包](https://npmcn.com/package/%40canva/asset/#readme-related-packages)
-   [捐款](https://npmcn.com/package/%40canva/asset/#readme-contributing)
-   [许可证](https://npmcn.com/package/%40canva/asset/#readme-license)

## 导言

`@canva/asset` 是 npm 建设软件包 [canva 内部的应用程序](https://www.canva.dev/docs/apps/apps-inside-canva/) 与 Canva 开发者 SDK 。 它提供了处理资产的方法,例如图像和视频文件。 例如,包输出 a `upload` 将资产上传到用户媒体库的方法.

**说明:** 要与 Canva 开发者 SDK 一同起来运行, 请检查 [快速启动指南](https://www.canva.dev/docs/apps/quickstart/)。 。 。 .

## 安装

```bash
npm install @canva/asset
```

## 使用量

1.  导入方法或命名空间 `@canva/asset` 软件包 :
    
    ```ts
    import { upload } from '@canva/asset';
    ```
    
2.  调用方法, 在所需的参数中传递( 如果有):
    
    ```ts
    await upload({
      type: 'IMAGE',
      id: 'uniqueIdGoesHere',
      mimeType: 'image/jpeg',
      url: 'https://www.canva.dev/example-assets/image-import/image.jpg',
      thumbnailUrl: 'https://www.canva.dev/example-assets/image-import/thumbnail.jpg',
    });
    ```
    

## API 参考

-   [`getTemporaryUrl`](https://www.canva.dev/docs/apps/api/asset-get-temporary-url/)
-   [`upload`](https://www.canva.dev/docs/apps/api/asset-upload/)

## 相关软件包

Canva内部的App是用以下 Canva 开发者 SDK 包构建的 :

-   [`@canva/app-ui-kit`](https://www.npmjs.com/package/@canva/app-ui-kit) - 基于反应的组件库,用于创建模仿Canva外观和感觉的应用程序.
-   [`@canva/asset`](https://www.npmjs.com/package/@canva/asset) - 提供处理资产的方法,例如图像和录像文件.
-   [`@canva/design`](https://www.npmjs.com/package/@canva/design) - 提供与用户设计互动的方法,例如创建要素.
-   [`@canva/error`](https://www.npmjs.com/package/@canva/error) - 提供 `CanvaError` 处理错误的课.
-   [`@canva/platform`](https://www.npmjs.com/package/@canva/platform) - 提供实用方法,例如打开外部链接的方法.
-   [`@canva/user`](https://www.npmjs.com/package/@canva/user) - 提供获取用户数据和认证用户的方法.

## 捐款

我们正在积极开发这个一揽子计划,但目前不接受第三方的捐款. 如果您想要求修改或添加软件包,请通过 [Canva 开发者社区](https://community.canva.dev/)。 。 。 .

## 许可证

见 `LICENSE.md` 文档.

## 常见问题

### @canva/asset 是什么？

Canva 开发者 SDK 用于 Canva 内部应用的资产管理库

### 如何安装 @canva/asset？

在项目目录运行 npm install @canva/asset，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@canva/error（^2\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @canva/asset 支持 TypeScript 吗？

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

### @canva/asset 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @canva/asset 可以商用吗？

@canva/asset 使用 SEE LICENSE IN LICENSE\.md FILE 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

### @canva/asset 的下载量有多少？

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

### @canva/asset 还在维护吗？

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