wheelnav.js

问题 Here's a jsFiddle link: https://jsfiddle.net/zv3mb0wp/ var wheel = new wheelnav("divWheel"); wheel.cssMode = true; wheel.wheelRadius = wheel.wheelRadius * 0.9; wheel.titleRotateAngle = 90; wheel.animatetime = 500; wheel.animateeffect = 'linear'; wheel.spreaderEnable = true; wheel.spreaderRadius = 80; wheel.spreaderInTitle = "content" wheel.spreaderOutTitle = "content" wheel.spreaderTitleFont = "500 14px Impact, Charcoal, sans-serif"; wheel.sliceTransformFunction = sliceTransform()

问题 I am trying to create circular menu with wheelnav.js library. Even though it seems to work I get thousands of errors in chrome console. Error: attribute d: Expected number, "M,0,0". Error: attribute dy: Expected length, "NaN". During my own debugging I managed to find the same causes that people list in these threads: https://github.com/DmitryBaranovskiy/raphael/issues/593 https://github.com/DmitryBaranovskiy/raphael/issues/620 https://github.com/fperucic/treant-js/issues/73 Even though these

问题 I'm using wheelnav.js plugin of javascript to draw some circular menu as in the image below: The problem is that I can't put an image inside the menu parts and I don't know how to do it. If anyone knows how to put some custom images inside each of this menu parts please help me... Thanks!!! 回答1: UPDATE May 3, 2016: To insert images into the menu slices, use imgsrc:path/filename . So the code above can be changed to: var imgWheel = new wheelnav("divId"); imgWheel.createWheel(["imgsrc:img/menu1

问题 How can I make the navtitle curve along the path of the slice and wrap the text if it's long. Image of the wheel above 回答1: In long text, use '\n' in the title for wrap. wheel.createWheel(["Long\ntext"]); Currently, the navtitle curve along the path is an RC feature, so please use the source code instead of the last release. You can find the new properties in this CodePen: https://codepen.io/softwaretailoring/pen/RQYzWm var piemenu = new wheelnav("wheelDiv"); // New properties in wheelnav.js