我怎么可以把自定义图像wheelnav.js
问题描述:
我使用wheelnav.js的JavaScript的插件得出一些圆形菜单,如下图所示: 我怎么可以把自定义图像wheelnav.js
的问题是,我不能把一个菜单部分内的图像,我不知道该怎么做。
如果有人知道如何把一些自定义的图片内的每个该菜单部分请帮我...
谢谢!
答
当前版本(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支持图像
答
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"]);