html2canvas截屏图片有白边/黑边 的问题记录
先记录一下canvas的画布的形态转换的一些方法
| 方法 | 描述 |
|---|---|
| scale() | 缩放当前绘图至更大或更小 |
| rotate() | 旋转当前绘图 |
| translate() | 重新映射画布上的 (0,0) 位置 |
| transform() | 替换绘图的当前转换矩阵 |
这的方法使用在canvas的画布身上的 canvas.getContext("2d")上的
最近在做的一个项目，使用到了canvas.getContext("2d").scale()方法，配合html2canvas插件使用，最后生成的图片却有黑边，一看就知道是画布偏离了
如下图：
解决方法是使用canvas.getContext("2d").translate()方法，将canvas的画布移到正确的位置上去