Javascript 在画布上打印倾斜文本，而不旋转整个画布

如何以一定角度填充文本，而不必在整个画布上使用rotate（）函数。差不多

ctx.fillText("Hi", x, y, AngleRadian); 

---

只需使用“保存和还原”即可确保整个画布不会受到您的操作的影响

假设您想从文本的中间旋转，您必须确保文本正确对齐，正如@markE所说的最简单的方式：

jsfiddle.net/m1erickson/c6kKn

function fillTextRotated(text, x, y, angle) {
   ctx.save();
   ctx.translate(x, y);
   ctx.rotate(angle);
   ctx.textAlign = "center";
   ctx.fillText(text, 0, 0);
   ctx.restore();
}

fillTextRotated("Hi everyone here", 50, 150, Math.PI/6); 

输出如下所示：