html5
1.矩阵变换通过.transform(m11,m12,m21,m22,dx,dy)方法来对矩形变形，用于坐标变换不能达到预期的效果时来进行实现，是一个线性代数的概念,具体变换的原理，可以参照以下：
在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。
示例
大概一句话就是，初始坐标进行变换，得到新的坐标，进而实现平移，缩放，变换等效果，总结出来的公式：
公式
比如移动：
移动表达
也可以使用这种：
移动另一种表达
再比如缩放：
缩放
下面我们可以看一个示例:
实例
演示：
演示
canvas可以指定多个图形的组合，呈现不同的效果。
