-
Notifications
You must be signed in to change notification settings - Fork 0
/
svgCircle.js
63 lines (62 loc) · 1.3 KB
/
svgCircle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/*require Raphael*/
!function($) {
$.fn.svgCircle = function(t) {
return t = $.extend({
parent: null,
w: 75,
R: 30,
sW: 20,
color: ["#000", "#000"],
perent: [100, 100],
speed: 0,
delay: 1e3
}, t),
this.each(function() {
var e = t.parent;
if (!e) return !1; {
var r = t.w,
a = Raphael(e, r, r),
n = t.R,
o = {
stroke: "#4dd9ce"
};
document.location.hash
}
a.customAttributes.arc = function(e, a, n) {
{
var o, c = 360 / a * e,
s = (90 - c) * Math.PI / 180,
i = r / 2 + n * Math.cos(s),
h = r / 2 - n * Math.sin(s);
t.color
}
return o = a == e ? [
["M", r / 2, r / 2 - n],
["A", n, n, 0, 1, 1, r / 2 - .01, r / 2 - n]
] : [
["M", r / 2, r / 2 - n],
["A", n, n, 0, +(c > 180), 1, i, h]
], {
path: o
}
};
var c = (a.path().attr({
stroke: "#f0f0f0",
"stroke-width": t.sW
}).attr({
arc: [100, 100, n]
}), a.path().attr({
stroke: "#f36767",
"stroke-width": t.sW
}).attr(o).attr({
arc: [.01, t.speed, n]
}));
t.perent[1] > 0 ? setTimeout(function() {
c.animate({
stroke: t.color[1],
arc: [t.perent[1], 100, n]
}, 900, ">")
}, t.delay) : c.hide()
})
}
}(jQuery);