这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下：let delta = this.

仿射变换，是一种二维坐标到二维坐标之间的线性变换；它保持了二维图形的“平直性”（直线经过变换后依然是直线）和“平行性”（二维图形之间相对位置保持不变，平行线依然是平行线，且直线上点的位置关系不变）。仿射变换可以写为如下形式。变换形式如下