Artifact
b78b56c28e50dcc3866c88c30930f8de4230b70f14b5ea979194dc189bb16883:
0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 6c 'use strict';..l
0010: 65 74 20 6d 61 74 68 20 3d 20 72 65 71 75 69 72 et math = requir
0020: 65 28 27 2e 2e 2f 75 74 69 6c 2f 6d 61 74 68 27 e('../util/math'
0030: 29 3b 0a 0a 65 78 70 6f 72 74 20 64 65 66 61 75 );..export defau
0040: 6c 74 20 7b 0a 0a 20 20 63 72 65 61 74 65 3a 20 lt {.. create:
0050: 28 74 79 70 65 29 20 3d 3e 20 7b 0a 20 20 20 20 (type) => {.
0060: 72 65 74 75 72 6e 20 64 6f 63 75 6d 65 6e 74 2e return document.
0070: 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 4e 53 28 createElementNS(
0080: 27 68 74 74 70 3a 2f 2f 77 77 77 2e 77 33 2e 6f 'http://www.w3.o
0090: 72 67 2f 32 30 30 30 2f 73 76 67 27 2c 20 74 79 rg/2000/svg', ty
00a0: 70 65 29 3b 0a 20 20 7d 2c 0a 0a 20 20 61 72 63 pe);. },.. arc
00b0: 3a 20 28 78 2c 20 79 2c 20 72 61 64 69 75 73 2c : (x, y, radius,
00c0: 20 73 74 61 72 74 41 6e 67 6c 65 2c 20 65 6e 64 startAngle, end
00d0: 41 6e 67 6c 65 29 20 3d 3e 20 7b 0a 0a 20 20 20 Angle) => {..
00e0: 20 76 61 72 20 73 74 61 72 74 20 3d 20 6d 61 74 var start = mat
00f0: 68 2e 74 6f 43 61 72 74 65 73 69 61 6e 28 72 61 h.toCartesian(ra
0100: 64 69 75 73 2c 20 65 6e 64 41 6e 67 6c 65 29 3b dius, endAngle);
0110: 0a 20 20 20 20 76 61 72 20 65 6e 64 20 3d 20 6d . var end = m
0120: 61 74 68 2e 74 6f 43 61 72 74 65 73 69 61 6e 28 ath.toCartesian(
0130: 72 61 64 69 75 73 2c 20 73 74 61 72 74 41 6e 67 radius, startAng
0140: 6c 65 29 3b 0a 0a 20 20 20 20 76 61 72 20 6c 61 le);.. var la
0150: 72 67 65 41 72 63 46 6c 61 67 20 3d 20 65 6e 64 rgeArcFlag = end
0160: 41 6e 67 6c 65 20 2d 20 73 74 61 72 74 41 6e 67 Angle - startAng
0170: 6c 65 20 3c 3d 20 31 38 30 20 3f 20 27 30 27 20 le <= 180 ? '0'
0180: 3a 20 27 31 27 3b 0a 0a 20 20 20 20 76 61 72 20 : '1';.. var
0190: 64 20 3d 20 5b 0a 20 20 20 20 20 20 20 20 27 4d d = [. 'M
01a0: 27 2c 20 73 74 61 72 74 2e 78 2b 78 2c 20 73 74 ', start.x+x, st
01b0: 61 72 74 2e 79 2b 79 2c 0a 20 20 20 20 20 20 20 art.y+y,.
01c0: 20 27 41 27 2c 20 72 61 64 69 75 73 2c 20 72 61 'A', radius, ra
01d0: 64 69 75 73 2c 20 30 2c 20 6c 61 72 67 65 41 72 dius, 0, largeAr
01e0: 63 46 6c 61 67 2c 20 30 2c 20 65 6e 64 2e 78 2b cFlag, 0, end.x+
01f0: 78 2c 20 65 6e 64 2e 79 2b 79 0a 20 20 20 20 5d x, end.y+y. ]
0200: 2e 6a 6f 69 6e 28 27 20 27 29 3b 0a 0a 20 20 20 .join(' ');..
0210: 20 72 65 74 75 72 6e 20 64 3b 0a 20 20 7d 2c 0a return d;. },.
0220: 0a 20 20 72 61 64 69 61 6c 47 72 61 64 69 65 6e . radialGradien
0230: 74 3a 20 28 64 65 66 73 2c 6e 75 6d 62 65 72 4f t: (defs,numberO
0240: 66 53 74 6f 70 73 29 20 3d 3e 20 7b 0a 0a 20 20 fStops) => {..
0250: 20 20 6c 65 74 20 69 64 20 3d 20 27 67 72 61 64 let id = 'grad
0260: 69 65 6e 74 27 20 2b 20 6d 61 74 68 2e 72 69 28 ient' + math.ri(
0270: 31 30 30 30 30 30 30 30 30 30 30 30 29 3b 0a 20 100000000000);.
0280: 20 20 20 6c 65 74 20 73 74 6f 70 73 20 3d 20 5b let stops = [
0290: 5d 3b 0a 0a 20 20 20 20 6c 65 74 20 67 72 61 64 ];.. let grad
02a0: 69 65 6e 74 20 3d 20 64 6f 63 75 6d 65 6e 74 2e ient = document.
02b0: 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 4e 53 28 createElementNS(
02c0: 27 68 74 74 70 3a 2f 2f 77 77 77 2e 77 33 2e 6f 'http://www.w3.o
02d0: 72 67 2f 32 30 30 30 2f 73 76 67 27 2c 20 27 72 rg/2000/svg', 'r
02e0: 61 64 69 61 6c 47 72 61 64 69 65 6e 74 27 29 3b adialGradient');
02f0: 0a 20 20 20 20 67 72 61 64 69 65 6e 74 2e 73 65 . gradient.se
0300: 74 41 74 74 72 69 62 75 74 65 28 27 69 64 27 2c tAttribute('id',
0310: 20 69 64 29 3b 0a 20 20 20 20 67 72 61 64 69 65 id);. gradie
0320: 6e 74 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 nt.setAttribute(
0330: 27 63 78 27 2c 20 27 35 30 25 27 29 3b 0a 20 20 'cx', '50%');.
0340: 20 20 67 72 61 64 69 65 6e 74 2e 73 65 74 41 74 gradient.setAt
0350: 74 72 69 62 75 74 65 28 27 63 79 27 2c 20 27 35 tribute('cy', '5
0360: 30 25 27 29 3b 0a 20 20 20 20 67 72 61 64 69 65 0%');. gradie
0370: 6e 74 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 nt.setAttribute(
0380: 27 72 27 2c 20 27 35 30 25 27 29 3b 0a 0a 20 20 'r', '50%');..
0390: 20 20 64 65 66 73 2e 61 70 70 65 6e 64 43 68 69 defs.appendChi
03a0: 6c 64 28 67 72 61 64 69 65 6e 74 29 3b 0a 0a 20 ld(gradient);..
03b0: 20 20 20 66 6f 72 20 28 6c 65 74 20 69 3d 30 3b for (let i=0;
03c0: 69 3c 6e 75 6d 62 65 72 4f 66 53 74 6f 70 73 3b i<numberOfStops;
03d0: 69 2b 2b 29 20 7b 0a 20 20 20 20 20 20 6c 65 74 i++) {. let
03e0: 20 73 74 6f 70 20 3d 20 64 6f 63 75 6d 65 6e 74 stop = document
03f0: 2e 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 4e 53 .createElementNS
0400: 28 27 68 74 74 70 3a 2f 2f 77 77 77 2e 77 33 2e ('http://www.w3.
0410: 6f 72 67 2f 32 30 30 30 2f 73 76 67 27 2c 20 27 org/2000/svg', '
0420: 73 74 6f 70 27 29 3b 0a 20 20 20 20 20 20 73 74 stop');. st
0430: 6f 70 2e 73 65 74 41 74 74 72 69 62 75 74 65 28 op.setAttribute(
0440: 27 69 64 27 2c 20 27 73 74 6f 70 27 2b 69 29 3b 'id', 'stop'+i);
0450: 0a 20 20 20 20 20 20 2f 2f 73 74 6f 70 2e 73 65 . //stop.se
0460: 74 41 74 74 72 69 62 75 74 65 28 27 6f 66 66 73 tAttribute('offs
0470: 65 74 27 2c 20 27 37 30 25 27 29 3b 0a 20 20 20 et', '70%');.
0480: 20 20 20 2f 2f 73 74 6f 70 2e 73 65 74 41 74 74 //stop.setAtt
0490: 72 69 62 75 74 65 28 27 73 74 6f 70 2d 63 6f 6c ribute('stop-col
04a0: 6f 72 27 2c 20 27 57 68 69 74 65 27 29 3b 0a 20 or', 'White');.
04b0: 20 20 20 20 20 67 72 61 64 69 65 6e 74 2e 61 70 gradient.ap
04c0: 70 65 6e 64 43 68 69 6c 64 28 73 74 6f 70 29 3b pendChild(stop);
04d0: 0a 20 20 20 20 20 20 73 74 6f 70 73 2e 70 75 73 . stops.pus
04e0: 68 28 73 74 6f 70 29 3b 0a 20 20 20 20 7d 0a 0a h(stop);. }..
04f0: 20 20 20 20 72 65 74 75 72 6e 20 7b 0a 20 20 20 return {.
0500: 20 20 20 69 64 3a 20 69 64 2c 0a 20 20 20 20 20 id: id,.
0510: 20 73 74 6f 70 73 3a 20 73 74 6f 70 73 2c 0a 20 stops: stops,.
0520: 20 20 20 20 20 65 6c 65 6d 65 6e 74 3a 20 67 72 element: gr
0530: 61 64 69 65 6e 74 0a 20 20 20 20 7d 3b 0a 0a 20 adient. };..
0540: 20 7d 0a 0a 7d 3b 0a }..};.