javascript - Wheelnav.js 设置每个 navItem 的 titleRotateAngle

Question

我使用wheelnav.js构建了一个菜单，它工作正常，但是我不知道如何设置每个navItem的.titleRotateAngle属性。

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

/image/x3ebp.png

我想要实现的是将前半部分(向下舍入)导航项标题旋转 180°，以获得更好的可读性。

我用于此轮导航的代码可以在这里找到:

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();