Javascript 使用raphaeljs的径向菜单

首先，我尝试了wheelnav.js，但它没有标签支持。因此，我尝试使用Raphel.js并完成了扇区和放置图标。 但我在放置文本并根据扇形角旋转时遇到了问题

var rap = new Raphael($('#radialMenu')[0], 320, 320);

    var startAngle = 0,endAngle = 72,middleAngle = (startAngle+endAngle)/2;

    sector = rap.sector(150,150,150,startAngle,endAngle,{fill: "#fff" , stroke: '#ccc', "stroke-width": 2});

    icon = sector.paper.image('images/people1.png',150+95*Math.cos(-startAngle*rad),150+95*Math.sin(-startAngle*rad) ,7,40)
    .transform('r-'+middleAngle+','+150+','+150);

任何人都可以向我推荐svg或raphael.js

JSFIDLE链路

---

在这里，我遇到了按照要求对齐图标和文本的问题。

您应该添加另一个没有旋转中心坐标的旋转角度。如果未指定cx和cy，则形状的中心将用作旋转点

.transform('r-' + middleAngle + ',' + 150 + ',' + 150 + 'r90');

---

我会发布一个JSFIDLE并进一步解释这个问题。谢谢Ian，请让我知道是否需要对我的问题进行任何澄清，实际上我只发布了单个扇区的代码，但从菜单数组中它应该是动态构建的。如前所述，发布一个FIDLE解释什么部分不工作对任何人都有帮助。JSFIDLE: