kreisförmige Navigation mit radelnav.js - SVG dreht keinen Text

Question

Ich habe gerade angefangen, radelnav.js zu verwenden, um eine Navigation zu bauen.

Dies ist die Spreader Ich möchte (das zweite Beispiel) verwenden. Interessanterweise rendert nur dieser nicht wie im Beispiel. Der Text rotiert nicht.

ich genau nur das Codebeispiel hat, wie es ist:

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

ich eine schnelle Demo mit beiden Beispielen aus der Dokumentation Website gebaut, sieht das erste ok das zweite nicht: jsfiddle

EDIT: wenn ich es größer mache zB 500px der Abstand ist besser, aber immer noch der Text ist nicht gedreht ...

Soweit ich sehen kann gibt es keine weiteren CSS-Regeln (?) Zutreffen .. Vermisse ich etwas - irgendwelche Ideen?

Answer 1

Sie müssen die titleRotateAngle Eigenschaft verwenden.

wheel.titleRotateAngle = 0;