https://github.com/cczx/matrix

https://github.com/cczx/matrix

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/cczx/matrix
• Owner: CCZX
• Created: 2022-07-05T15:55:08.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-27T15:11:58.000Z (almost 4 years ago)
• Last Synced: 2025-01-01T05:45:27.999Z (over 1 year ago)
• Language: TypeScript
• Size: 94.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# Matrix

> 变换矩阵可视化工具

可以将一个或者多个矩阵作用于一个矢量或者形状节点，查看矢量、形状节点的变化。

## 实现思路

**核心**：使用变换矩阵变换 canvas 的坐标系

首先先对 canvas 坐标系进行如下变换，使其符合我们常见的直角坐标系。

```js

transform(1, 0, 0, -1, width / 2, height / 2);

```

变换之后保存当前坐标系的绘制状态，防止我们后续的变换矩阵不影响坐标的位置。