html5 canvas矢量网格 缩放和旋转问题

1.网格的缩放要想desmos的坐标网格一样缩放。https://www.desmos.com/calculator

2.在网格上点击第一次和第二次根据两点的坐标画一个矩形，矩形坐标值需要保存。

3.矢量网格要可以360度旋转。

有没有大神知道怎么做的？或者能做的可以发收费标准发给我。