如何将自定义图像放入wheelnav.js

Question

我正在使用javascript的wheelnav.js插件绘制一些圆形菜单，如下图所示：

​

问题是我不能把图像放在菜单部分里面，我也不知道怎么做。

如果谁知道如何把一些自定义图像内的每个菜单部分，请帮助我…

谢谢！

Answer 1

2016年5月3日更新：

要将图像插入菜单切片，请使用imgsrc:path/filename。因此，上面的代码可以更改为：

var imgWheel = new wheelnav("divId");
imgWheel.createWheel(["imgsrc:img/menu1.png","imgsrc:img/menu2.png","imgsrc:img/menu3.png"]);

Answer 2

当前版本(v1.5.5)不支持图片，请修改源码。

更改此行：https://github.com/softwaretailoring/wheelnav/blob/v1.5.5/js/dist/wheelnav.js#L841

对于这一条：

this.navTitle = this.wheelnav.raphael.image(currentTitle.title, sliceInitPath.titlePosX, sliceInitPath.titlePosY, *width*, *height*);

参考资料：http://raphaeljs.com/reference.html#Paper.image

修改后，您可以使用图片：

var imgWheel = new wheelnav("divId");
imgWheel.createWheel(["img/menu1.png","img/menu2.png","img/menu3.png"]);

有一个关于它的问题(https://github.com/softwaretailoring/wheelnav/issues/22)，所以稍后wheelnav.js将能够处理图像。

更新：wheelnav.js支持v1.6.0版本的镜像