Default Size
width: 200px;
height: 200px;
Default
var doubleCircle1 = new zeu.DoubleCircle(document.getElementById('double-circle-1'));
Options - Dots
var doubleCircle2 = new zeu.DoubleCircle(
document.getElementById('double-circle-2'), {
isDot: false,
lineWidth: 10,
outer: {
color: 'red',
radius: 90,
speed: 0.5
},
inner: {
color: 'blue',
radius: 70,
speed: 0.2
},
fontColor: 'green',
text: 'MIDDLE',
});
Options - Circle
var doubleCircle3 = new zeu.DoubleCircle(
document.getElementById('double-circle-3'), {
isDot: true,
dots: 30,
outer: {
color: 'red',
radius: 80,
speed: 5
},
inner: {
color: 'blue',
radius: 70,
speed: 3
},
fontColor: 'green',
text: 'MIDDLE',
});
Size X 2