Javascript 使用wheelnav.js的循环导航-SVG不会旋转文本

我刚开始使用wheelnav.js来构建导航

这是我想使用的示例（第二个示例）。有趣的是，只有这一个并不像示例中那样渲染。文本不旋转

我只是按照原样选取了代码示例：

wheel = new wheelnav('wheelDiv'); //stored in a var
wheel.spreaderInTitle = 'menu';
wheel.spreaderOutTitle = 'close';
wheel.spreaderTitleFont = '100 24px Helvetica';
wheel.spreaderInPercent = 0.8;
wheel.spreaderOutPercent = 1.1;
wheel.colors = ['#EDC951'];
wheel.spreaderEnable = true;
wheel.spreaderRadius = 85;
wheel.slicePathFunction = slicePath().DonutSlice;
wheel.clickModeRotate = false;
wheel.createWheel(['text', 'icon', 'percent', 'angle', null, null, null, null, null, null, null, null, null, null, null, null]);

我在文档站点上用这两个示例构建了一个快速演示，第一个看起来不错，第二个没有：

编辑：如果我使它更大，例如500px的间距更好，但文本仍然没有旋转

据我所知，没有更多的css规则（？）可以应用。。我错过了什么吗？有什么想法吗？

您必须使用该属性

wheel.titleRotateAngle = 0;

---

感谢您的建议，现在标题以预期角度呈现。似乎我没有充分研究文档的所有部分。。现在剩下的问题是，如果最初渲染，它看起来很好，但是当单击撒布器时，标题会随着“奇怪的动画”消失。当再次单击以显示它们时，它们最初会偏离角度/旋转，并在反弹效果停止后正确对齐。如果我知道了原因，我会发帖的。你使用raphael的v2.2.0，但wheelnav.js使用v2.1.2。这里是一个修改和工作再次感谢-我取代了拉斐尔文件，并没有考虑与新版本的兼容性^^