web前端（从零开始），每天更新学习笔记 矩阵变换

html5

1.矩阵变换通过.transform(m11,m12,m21,m22,dx,dy)方法来对矩形变形，用于坐标变换不能达到预期的效果时来进行实现，是一个线性代数的概念,具体变换的原理，可以参照以下：

在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

示例

大概一句话就是，初始坐标进行变换，得到新的坐标，进而实现平移，缩放，变换等效果，总结出来的公式：

公式

比如移动：

移动表达

也可以使用这种：

移动另一种表达

再比如缩放：

缩放

下面我们可以看一个示例:

实例

演示：

演示

canvas可以指定多个图形的组合，呈现不同的效果。