javascript - ¿Cómo puedo poner una imagen personalizada en wheelnav.js
css menu (2)
La versión actual (v1.5.5) no es compatible con la imagen, por lo que debe modificar el código fuente.
Cambie esta línea: https://github.com/softwaretailoring/wheelnav/blob/v1.5.5/js/dist/wheelnav.js#L841
a este:
this.navTitle = this.wheelnav.raphael.image(currentTitle.title, sliceInitPath.titlePosX, sliceInitPath.titlePosY, *width*, *height*);
Referencia de Raphael: http://raphaeljs.com/reference.html#Paper.image
Después de esta modificación, puede usar imágenes:
var imgWheel = new wheelnav("divId");
imgWheel.createWheel(["img/menu1.png","img/menu2.png","img/menu3.png"]);
Existe un problema al respecto ( https://github.com/softwaretailoring/wheelnav/issues/22 ), por lo que más tarde wheelnav.js podrá manejar la imagen.
ACTUALIZACIÓN : wheelnav.js admite la imagen de v1.6.0
Estoy usando el plugin wheelnav.js de javascript para dibujar un menú circular como en la imagen de abajo:
El problema es que no puedo poner una imagen dentro de las partes del menú y no sé cómo hacerlo.
Si alguien sabe cómo poner algunas imágenes personalizadas dentro de cada una de estas partes del menú, por favor, ayúdeme ...
¡¡¡Gracias!!!
ACTUALIZACIÓN el 3 de mayo de 2016:
Para insertar imágenes en las secciones de menú, use imgsrc:path/filename . Por lo tanto, el código anterior se puede cambiar a:
var imgWheel = new wheelnav("divId");
imgWheel.createWheel(["imgsrc:img/menu1.png","imgsrc:img/menu2.png","imgsrc:img/menu3.png"]);