How do I customize wheelnav.js's spreader (with a svg)

Question

I'm using Raphael's wheelnav.js and would like to use a SVG I already have, containing two seperate paths, as a spreader. I have found examples on customizing the slices, using functions already existing in wheelnav to draw with, but not on how to customize the spreader, using a custom/existing SVG. Thanks in advance!

Answer 1

There is an imgsrc feature, where you can use your existing SVG.

var wheel = new wheelnav("divWheel");
wheel.spreaderEnable = true;
wheel.spreaderInTitle = "imgsrc:intitle.svg";
wheel.spreaderOutTitle = "imgsrc:outtitle.svg";
wheel.spreaderOutTitleHeight = 50;
wheel.spreaderInTitleHeight = 35;
wheel.spreaderRadius = 0;
wheel.createWheel(["This", "is", "a", "sample"]);