javascript - HTML Canvas 使用 javascript 旋转文本而不移动背景图像

Question

我正在使用 Canvas 开发一个小项目，简单地说，它将文本放在图像之上。
有一个 slider 可以更改位置和大小，但没有用于旋转文本的 slider 。
我在 stackoverflow 上搜索过一种在不影响背景图像的情况下旋转文本的方法，但还没有任何帮助。
我知道

 context.rotate( Math.PI / 2 );
 context.translate( canvas.width / 2, canvas.height / 2 );    

但这似乎正在旋转整个事物，包括背景。

有人能指出我正确的方向吗？
笔链接:

http://codepen.io/TryHardHusky/details/KdQQVq/

Answer 1

使用保存和恢复。

ctx.save(); // pushes canvas state onto a stack
// your text code
ctx.restore(); // pops the last save off the stack.

请记住，每次保存都必须进行恢复。它们可以嵌套。它保存到堆栈上，这意味着最后进入。首先。

或者根据您的情况稍微快一些

// your text code
ctx.setTransform(1,0,0,1,0,0); // reset the transform to default;