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

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?

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

score 5 · Accepted Answer

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

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

1 回答 1