如果不知道之前做了什么，如何恢复到默认状态？

Question

一个画布，已经做了一些事情，比如缩放，翻译和旋转，但我不知道它是否改变了，之前没有保存，所以我不能使用restore（）方法来恢复

我现在会画一些东西，但是如果canvas.context已翻译（或其他），我的操作将会转到错误的位置。

// no save
ctx.translate(300,100);
ctx.scale(1,0.5);
ctx.rotate(Math.PI/2);
...
// to do something
...
// at now , how i go back the default?

所以我想知道如何才能恢复默认状态并正确执行我的操作？越简单越好，谢谢

Answer 1

将变换矩阵设置回单位矩阵：

ctx.setTransform(1, 0,
                 0, 1,
                 0, 0);