---
name: "Animation.matrix"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "Animation.matrix - 同 CSS transform matrix"
---

## Animation.matrix

> [VERSION] 基础库 >= 2.21.8

### 描述

同 CSS transform matrix

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `scaleX` | `number` | 否 | X 轴缩放 |
| `skewX` | `number` | 否 | X 轴倾斜 |
| `skewY` | `number` | 否 | Y 轴倾斜 |
| `scaleY` | `number` | 否 | Y 轴缩放 |
| `translateX` | `number` | 否 | X 轴平移 |
| `translateY` | `number` | 否 | Y 轴平移 |

### 返回值

类型: `Animation`

Animation 实例

### 示例代码

#### 使用 matrix 变换

```ts
Page({
  data: {
    animationData: {},
  },
  onReady() {
    const animation = ty.createAnimation({ duration: 500 });
    animation.matrix(1, 0, 0, 1, 50, 50).step();
    this.setData({ animationData: animation.export() });
  },
});
```