我怎麼可以把自定義圖像wheelnav.js

Question

我使用wheelnav.js的JavaScript的插件得出一些圓形菜單，如下圖所示：

的問題是，我不能把一個菜單部分內的圖像，我不知道該怎麼做。

如果有人知道如何把一些自定義的圖片內的每個該菜單部分請幫我...

謝謝！

Answer 1

當前版本（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將能夠處理圖像。

UPDATE：wheelnav.js從V1.6.0支持圖像

Answer 2

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