canvas如何scale已经画过的东西

Question

现在我又一个长800，宽400得canvas区域，然后手写了几个字在上面，然后我如何把写过的字和画布一起缩放到原来得1/10？ctx.scale只能缩放画布

Answer 1

// 保存状态

ctx.save(); 

// 缩放

ctx.scale(); 

// 放字

ctx.fillText("几个字"); 

// 恢复状态

ctx.restore(); 

translate/scale/rotate 最终的目的是控制下一次绘制的矩阵，所以要缩放对应的图形需要在绘制到画布前做对应的「矩阵变换」