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

Question

一个 Canvas ，已经做了一些事情，比如缩放，平移，旋转，但是我不知道它是否改变了，而且之前没有保存，所以我不能用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);