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中找到它，在方法部分下按下'init‘和'create’按钮。有关navItems here的信息。)

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

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