Javascript 为画布上的旋转对象指定一个始终朝北的标记

我有一张画布，上面有生成的生物。这些生物在周围环境中移动，同时旋转

我想用一个小文本框来标记这些生物，描述它们下面的物种。我可以使用

ctx.fillText

来执行此操作

e、 g,

---

但是，如果此对象旋转，文本也会旋转。无论对象的方向如何，有没有办法使文本保持向北的方向？

在绘制文本之前反转旋转方向。如果看不到当前旋转对象的方式，很难给出真正的解决方案。在绘制文本之前，请添加

ctx，setTransform（1,0,0,1,x，y）

其中x，y是文本左下角的位置。然后使用

ctx.fillText（“事物名称”，0,0）呈现文本如果需要保持生物的变换，请在代码之前添加
ctx.save（）
，在代码之后添加
ctx.restore（）
。
fill(255,255,255);
var ctx = canvas.getContext("2d");
ctx.font = "10px Avenir";
ctx.fillText("species_name",-16,20);