Animation 如何设置SVG文本元素相对于多边形倾斜的动画

好的，我有一个多边形，我想倾斜文本，所以看起来多边形包含文本。也许更容易表达我的意思。下面是一个示例，我已经编写了一个动态操纵多边形顶点的方法。此动画显示书本中折叠的页面

无论如何，如示例中所示，我需要相对于蓝色多边形倾斜文本（目前仅基于蓝色多边形位置进行剪裁）。因此，蓝色页面正确地显示了n。如果这是不可能的，有什么好的选择吗

另一方面，在本例中，我对蓝色元素应用了着色，但它显示在三面上，有没有简单的方法使它只显示在单面上

---

我也一直在考虑只旋转和移动文本，我认为这可能可行，但不是我的理想解决方案。

我会在文本或包装组上使用属性。如果将“页面”和文本包装在同一组中，则只需在一个位置设置变换动画……但看起来蓝色页面甚至没有倾斜，只是旋转。是的，目前它只是旋转，因此存在问题（旋转看起来不正确）。