wheelnav.jsを使った円形ナビゲーション - SVGはテキストを回転しません

Question

ナビゲーションを構築するためにwheelnav.jsを使い始めました。

これは私が使用したいSpreaderです（2番目の例）。興味深いことに、この例のようにレンダリングしないだけです。テキストは回転しません。

私はちょうどそれは正確にコード例を取っ：

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

私は第一の第二にはないOKに見える、ドキュメントサイトからの両方の例で迅速なデモを建て：jsfiddle

編集：私はそれを大きくする場合500px間隔は良いですが、まだテキストは回転しません...

私の知る限り、適用するCSSルールはありません。

Answer 1

titleRotateAngleプロパティを使用する必要があります。

wheel.titleRotateAngle = 0;