HTML5中鄂Canvas已经有内置的图形变换API，但是为什么还需要自定义数学矩阵？

Question

比如echaets的绘图引擎zrender就自定义了变换矩阵

https://github.com/ecomfe/zre...

Answer 1

一些不负责任的猜想：

1. 应对一些自动化变换的需求。比如变换前后两个盒子，只要拿到它们的四个角的坐标就可以直接求逆就来拿到对应的变换矩阵，而调用 API 的话，还需要进行组合，不过组合的计算量也不是很大。
2. 矩阵可以用来转换坐标，如果把 canvas 用 CSS 变换一下，里面的事件坐标和图形坐标就对不上，这时候需要对事件坐标进行转换，来抵消 cavnas 元素的变换。
3. 矩阵还可以用于图像处理。在神经网络被广泛应用之前，绝大部分数字图像处理都是靠矩阵运算来完成的，浮雕、磨皮、反色……都是。（3×2矩阵能力有限，应该不会用来搞这一块，图像处理往往需要更高阶的方形矩阵）