一、了解html2canvas和scale

　　html2canvas是react中用于把网页页面转化为canvas画布的函数（我理解的就是拿相机拍张照），举个例子

　　

css中有两个scale，一个可以直接用，一个是transform中的属性，直接用的话参数有三种情况，这里就不说了

 　　

 

 

需要注意的是transform 中的scale和其他属性不能分开写，否则会失效

 

 

二、html2canvas在图片缩放中的坑

　　起因是我在写一个图像编辑框，平时缩放直接用scale : 1.3; 结果不旋转没事，一旋转之后图片在水平方向发生了偏移（以下是上面代码的结果）

　　

 

 

　　我开始以为是旋转的锅，后来发现其实是scale的问题，直接用scale : 1.3;就会导致这个问题，用scale : (1.3,1.3);或者transform： scale(1.3,1.3);就没事了，我查了下单参数和双参数的区别，然并卵，看不出区别，希望哪位看明白了给我说一下