Wheelnav.js为navItem设置titleRotateAngle

Question

我使用wheelnav.js构建一个菜单，但是我无法弄清楚如何为每个navItem设置.titleRotateAngle属性。

据我所知，此选项是为wheelnav对象全局设置的。但是，当构建“半圆”菜单时，这会导致navItems标题的不利显示，如下所示：

http://i.imgur.com/esQUjBY.png

我想要实现的是上半部分（向下舍入）NavItem标题旋转180°以获得更好的可读性。

我可以在这里找到我用于此wheelnav的代码：

https://hastebin.com/aqixagijop.xml

由于我在wheelnav.js文档中找不到任何对此特定问题有帮助的内容，我希望你们中的某个人也可能偶然发现了这个问题，并且知道修复。

提前干杯谢谢！

Answer 1

您可以使用initWheel初始化wheelnav。初始化后，每个navItem都可以单独配置。没有初始化，每个navItem都会继承wheelnav的属性。 （您可以在documentation中找到它，按“初始化”和“方法”部分下的“创建”按钮。有关navItems here的信息。）

以下是您当前问题的示例代码：

wheel.initWheel(["1", "2", "3", "4"]);
wheel.titleRotateAngle = 0;
wheel.navItems[0].titleRotateAngle = 180;
wheel.navItems[1].titleRotateAngle = 180;
wheel.createWheel();