Javascript HTML5文本旋转

我想旋转图形x轴的文本。下面是我正在使用的代码

context.rotate(20*Math.PI/2);
context.fillText(name, startX + (i * barWidth) + i, chartHeight + 10, 200); 
context.rotate(-20*Math.PI/2);

写完课文后，我把它旋转回原来的位置。但不知何故，它不起作用。工作代码可在以下位置找到：

---

我经历过，也尝试过，但就是不起作用。请帮我解决这个问题。

通过

20*数学旋转。PI/2

类似于不旋转任何东西，因为：

20*Math.PI/2 = 10*Math.PI = 2*Math.PI

不确定要如何旋转文本，但不是

context.rotate(20*Math.PI/2);
context.fillText(name, startX + (i * barWidth) + i, chartHeight + 10, 200); 
context.rotate(-20*Math.PI/2);

您可以尝试这样使用：

context.save();
context.setTransform(1,0,0,1,0,0);
context.translate(startX + (i * barWidth) + barWidth/2, chartHeight - 10); 
context.rotate(-Math.PI/2);

context.fillText(name, 0, 0, 200);        
context.restore();

---

请参阅工作：

hi Robert的可能副本..我已经看完了这篇文章，也写了问题。但它仍然不起作用。哦，天哪……对不起。。。我打算使用context.rotate（20*Math.PI/180）；但不知何故改为/2:（…更新了此处的代码…顺便说一句，setTransform似乎并不重要！！@Antnewee是的，

setTransform

此处并不重要，但在开始转换时重置转换矩阵是一种很好的做法。在其他情况下，可能很难跟踪所有转换。