Matrix

变换矩阵可视化工具

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

实现思路

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

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

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

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