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

Question

我刚刚开始使用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]);

我用文档站点上的两个示例构建了一个快速演示，第一个看起来还可以，第二个不可以：小提琴

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

据我所见，没有进一步的css规则(?)申请..。我是不是错过了什么-有什么想法吗？

Answer 1

必须使用titleRotateAngle属性。

wheel.titleRotateAngle = 0;