react-muscle-stats 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -0
- package/dist/components/MuscleRadar/index.cjs.js +84 -0
- package/dist/components/MuscleRadar/index.cjs.js.map +1 -0
- package/dist/components/MuscleRadar/index.d.ts +43 -0
- package/dist/components/MuscleRadar/index.d.ts.map +1 -0
- package/dist/components/MuscleRadar/index.es.js +83 -0
- package/dist/components/MuscleRadar/index.es.js.map +1 -0
- package/dist/components/MuscleRadar/normalization.cjs.js +100 -0
- package/dist/components/MuscleRadar/normalization.cjs.js.map +1 -0
- package/dist/components/MuscleRadar/normalization.d.ts +21 -0
- package/dist/components/MuscleRadar/normalization.d.ts.map +1 -0
- package/dist/components/MuscleRadar/normalization.es.js +99 -0
- package/dist/components/MuscleRadar/normalization.es.js.map +1 -0
- package/dist/components/MuscleVisualizer/index.cjs.js +49 -0
- package/dist/components/MuscleVisualizer/index.cjs.js.map +1 -0
- package/dist/components/MuscleVisualizer/index.d.ts +32 -0
- package/dist/components/MuscleVisualizer/index.d.ts.map +1 -0
- package/dist/components/MuscleVisualizer/index.es.js +48 -0
- package/dist/components/MuscleVisualizer/index.es.js.map +1 -0
- package/dist/components/MuscleVisualizer/svgs.cjs.js +2274 -0
- package/dist/components/MuscleVisualizer/svgs.cjs.js.map +1 -0
- package/dist/components/MuscleVisualizer/svgs.d.ts +2 -0
- package/dist/components/MuscleVisualizer/svgs.d.ts.map +1 -0
- package/dist/components/MuscleVisualizer/svgs.es.js +2274 -0
- package/dist/components/MuscleVisualizer/svgs.es.js.map +1 -0
- package/dist/components/OneRepMaxChart/index.cjs.js +132 -0
- package/dist/components/OneRepMaxChart/index.cjs.js.map +1 -0
- package/dist/components/OneRepMaxChart/index.d.ts +30 -0
- package/dist/components/OneRepMaxChart/index.d.ts.map +1 -0
- package/dist/components/OneRepMaxChart/index.es.js +127 -0
- package/dist/components/OneRepMaxChart/index.es.js.map +1 -0
- package/dist/components/VolumeChart/index.cjs.js +155 -0
- package/dist/components/VolumeChart/index.cjs.js.map +1 -0
- package/dist/components/VolumeChart/index.d.ts +30 -0
- package/dist/components/VolumeChart/index.d.ts.map +1 -0
- package/dist/components/VolumeChart/index.es.js +150 -0
- package/dist/components/VolumeChart/index.es.js.map +1 -0
- package/dist/index.cjs.js +16 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.es.js +8 -0
- package/dist/utils/math.cjs.js +16 -0
- package/dist/utils/math.cjs.js.map +1 -0
- package/dist/utils/math.d.ts +11 -0
- package/dist/utils/math.d.ts.map +1 -0
- package/dist/utils/math.es.js +16 -0
- package/dist/utils/math.es.js.map +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,2274 @@
|
|
|
1
|
+
const MUSCLE_SVGS = {
|
|
2
|
+
"male back": `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="248.333px" height="557.994px" viewBox="0 0 248.333 557.994" enable-background="new 0 0 248.333 557.994" overflow="visible">
|
|
3
|
+
<style type="text/css">
|
|
4
|
+
.muscle {
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
box-shadow: -10px 10px 0 0 rgba(0, 0, 0, .1);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.muscle:hover,
|
|
10
|
+
.muscle.active,
|
|
11
|
+
.muscle.focus{
|
|
12
|
+
stroke: red;
|
|
13
|
+
stroke-width: 3;
|
|
14
|
+
fill: #c0133c;
|
|
15
|
+
fill-opacity: 0.5;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#tooltip {
|
|
19
|
+
dominant-baseline: hanging;
|
|
20
|
+
}
|
|
21
|
+
</style>
|
|
22
|
+
<g id="Body_x5F_base_x5F_back">
|
|
23
|
+
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="15.3335" y1="274.7173" x2="232.4595" y2="274.7173">
|
|
24
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
25
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
26
|
+
</linearGradient>
|
|
27
|
+
<linearGradient id="grad" gradientTransform="rotate(90)">
|
|
28
|
+
<stop offset="5%" stop-color="#C70D6C"></stop>
|
|
29
|
+
<stop offset="95%" stop-color="#BB1817"></stop>
|
|
30
|
+
</linearGradient>
|
|
31
|
+
<path fill="#FFFFFF" stroke="url(#SVGID_1_)" stroke-miterlimit="10" d="M148.208,42.832l0.626-6.5c0.25-2.125,1-12.375-3.75-21
|
|
32
|
+
c-3.612-6.558-8.667-9.083-15.834-10.75c-1.476-0.343-5.453-0.611-6.917-0.417c-2.246,0.299-4.574,0.745-6.667,1.5
|
|
33
|
+
c-3.428,1.236-6.233,3.074-9.116,5.324c-1.511,1.179-2.861,2.679-3.842,4.343c-4.125,7-4.875,14.375-4.375,22.125l2.375,15.75
|
|
34
|
+
c0,0,2.25,7.5,4.625,10.875c0,0,0.5,8.5-1,12.125c0,0-13.125,11-17.625,14.625s-12,7.375-13.5,8s-5.75,2.625-6.5,3.5
|
|
35
|
+
c0,0-9.125,4.125-14.125,14.375s-3.375,28.75-2.25,33.25c0,0,0.25,2.875,0,4s-2.375,30.5-2.125,33.875c0,0-0.125,1.5-1.625,5.5
|
|
36
|
+
s-4.75,14.125-5.25,21.25s0.375,45.375,0,48.125s-0.75,9.75-1.125,10.75s-3.375,3-4.25,3.75s-9,7-9,7s-3.125,5-3.5,7.625
|
|
37
|
+
s-4.375,8.125-5.125,8.875s-2.5,2.625-2.5,2.625s0,1.5,1.625,2s5.125-0.125,6.625-1.5s2.5-4.125,4-6.125s3.625-4,3.625-4
|
|
38
|
+
s-0.125,7.875,0.125,9.75s0.625,23.375,0.625,24s0.5,2.875,1.75,3.25s2.875,0.5,3.625-0.375c0,0,0,3.5,0.75,4.375s2,1.75,2.875,1.5
|
|
39
|
+
s2-1,2.25-1.875s0.375-4.125,0.375-4.125s0.25,2.75,2,2.75s3.125-1.125,3.25-1.75s1-13.25,1.25-15c0,0,0.375,8.5,1.125,9
|
|
40
|
+
s2.25,0.75,3.125,0s0.875-4.75,0.875-4.75s0.625-6.625,0.875-7.625s1.25-6.5,1.375-7.125s0.875-5.125,0.875-5.125
|
|
41
|
+
s-0.125-14.875-0.125-16.625s0-4.625,0-6.125s0.375-3.75,0.375-3.75s2-14.5,4.375-22.625s6.5-18.5,7.375-22
|
|
42
|
+
s2.125-14.375,2.25-22.625c0,0,0.125-8.375,1-13.125s3.25-12,3.25-12s1,7.5,2.5,11.875s2.375,11.625,2,14.75s-1.75,19.25-1.75,21
|
|
43
|
+
c0,0-3.25,9.875-4.125,14s-3.875,17-4.375,19.875s-4.25,47.292-1.083,68.125s13,45.167,13,45.167s1.499,8.999,1.333,11.666
|
|
44
|
+
S86,400.332,86,400.332s0.5,1.167,0.333,3.5s-0.333,29.499,0.5,40.166s9.333,35.501,10.5,40.334s5.833,35.999,5.5,38.666
|
|
45
|
+
c0,0-2,3.001-2.833,4.334s-1.333,4.5-6.5,7.5s-7.666,5-7.833,5.5s0.166,3.333,0.166,3.333s2.168,1.333,3.334,1.5s5-0.167,7.5-0.167
|
|
46
|
+
s6.666-0.666,8.166-0.666s6.334,0.499,7.167,0.666s5.501,0.334,6.667,0.334s3.167,0.167,6.5-2c0,0,1.558,1.3,3.949,1.705
|
|
47
|
+
l0.009,0.295c1.166,0,5.834-0.167,6.667-0.334s5.667-0.666,7.167-0.666c0.146,0,0.324,0.008,0.518,0.02
|
|
48
|
+
c0.221,0.045,0.449,0.093,0.69,0.146l-0.027-0.097c1.914,0.17,4.982,0.597,6.985,0.597c2.5,0,6.334,0.334,7.5,0.167
|
|
49
|
+
s3.334-1.5,3.334-1.5s0.333-2.833,0.166-3.333s-2.666-2.5-7.833-5.5s-5.667-6.167-6.5-7.5s-2.833-4.334-2.833-4.334
|
|
50
|
+
c-0.333-2.667,4.333-33.833,5.5-38.666s9.667-29.667,10.5-40.334s0.667-37.833,0.5-40.166s0.333-3.5,0.333-3.5
|
|
51
|
+
s1.333-9.5,1.167-12.167s1.333-11.666,1.333-11.666s9.833-24.334,13-45.167s-0.583-65.25-1.083-68.125s-3.5-15.75-4.375-19.875
|
|
52
|
+
s-4.125-14-4.125-14c0-1.75-1.375-17.875-1.75-21s0.5-10.375,2-14.75s2.5-11.875,2.5-11.875s2.375,7.25,3.25,12s1,13.125,1,13.125
|
|
53
|
+
c0.125,8.25,1.375,19.125,2.25,22.625s5,13.875,7.375,22s4.375,22.625,4.375,22.625s0.375,2.25,0.375,3.75s0,4.375,0,6.125
|
|
54
|
+
s-0.125,16.625-0.125,16.625s0.75,4.5,0.875,5.125s1.125,6.125,1.375,7.125s0.875,7.625,0.875,7.625s0,4,0.875,4.75
|
|
55
|
+
s2.375,0.5,3.125,0s1.125-9,1.125-9c0.25,1.75,1.125,14.375,1.25,15s1.5,1.75,3.25,1.75s2-2.75,2-2.75s0.125,3.25,0.375,4.125
|
|
56
|
+
s1.375,1.625,2.25,1.875s2.125-0.625,2.875-1.5s0.75-4.375,0.75-4.375c0.75,0.875,2.375,0.75,3.625,0.375s1.75-2.625,1.75-3.25
|
|
57
|
+
s0.375-22.125,0.625-24s0.125-9.75,0.125-9.75s2.125,2,3.625,4s2.5,4.75,4,6.125s5,2,6.625,1.5s1.625-2,1.625-2
|
|
58
|
+
s-1.75-1.875-2.5-2.625s-4.75-6.25-5.125-8.875s-3.5-7.625-3.5-7.625s-8.125-6.25-9-7s-3.875-2.75-4.25-3.75s-0.75-8-1.125-10.75
|
|
59
|
+
s0.5-41,0-48.125s-3.75-17.25-5.25-21.25s-1.625-5.5-1.625-5.5c0.25-3.375-1.875-32.75-2.125-33.875s0-4,0-4
|
|
60
|
+
c1.125-4.5,2.75-23-2.25-33.25s-14.125-14.375-14.125-14.375c-0.75-0.875-5-2.875-6.5-3.5s-9-4.375-13.5-8
|
|
61
|
+
s-17.625-14.625-17.625-14.625c-1.5-3.625-1-12.125-1-12.125c2.375-3.375,4.625-10.875,4.625-10.875l2.375-15.75
|
|
62
|
+
c0.5-7.75-0.25-15.125-4.375-22.125c-0.981-1.665-2.33-3.164-3.842-4.343c-2.882-2.25-5.688-4.088-9.116-5.324
|
|
63
|
+
c-2.093-0.755-4.421-1.201-6.667-1.5c-1.464-0.195-5.441,0.074-6.917,0.417c-7.167,1.667-12.221,4.192-15.834,10.75
|
|
64
|
+
c-4.75,8.625-4,18.875-3.75,21, M123.474 545C123.628 544.347 123.969 542.553 124.092 540.595C124.247 538.147 123.938 538.147 123.319 533.252C122.701 528.358 122.855 528.358 122.546 521.505C122.237 514.652 122.082 512.694 122.082 511.715C122.082 510.736 121.309 505.352 121.155 498.989C121 492.625 121.464 485.772 121.464 484.793C121.464 483.815 122.082 462.767 122.237 458.361C122.391 453.956 122.546 446.614 122.391 438.293C122.237 429.971 121.618 418.224 121.309 413.818C121.062 410.294 121 407.129 121 405.987C121.258 400.113 121.804 387.876 121.928 385.918C122.082 383.47 122.082 375.639 122.237 371.233C122.361 367.709 122.804 352.143 123.01 344.801L123.319 333.543L123.474 317.39V289.979C123.525 289.653 123.783 289 124.401 289C125.02 289 125.381 289.653 125.484 289.979V296.342C125.484 304.011 125.484 321.012 125.484 327.669C125.484 334.326 125.69 339.906 125.793 341.864L126.257 356.549C126.411 361.117 126.721 370.352 126.721 370.744C126.721 371.233 126.875 379.065 126.875 382.981C126.875 386.114 127.287 394.402 127.494 398.155C127.597 399.95 127.834 404.127 127.957 406.476C128.081 408.826 127.906 410.718 127.803 411.371C127.803 411.371 126.566 435.845 126.411 445.145C126.288 452.585 126.566 459.667 126.721 462.277L127.339 479.409C127.494 484.304 127.803 494.485 127.803 496.052C127.803 498.01 127.648 501.925 127.03 509.268C126.411 516.61 126.411 519.057 126.411 520.526C126.411 521.994 126.257 525.91 126.102 528.358C125.948 530.805 125.793 531.784 125.02 536.679C124.865 537.331 124.587 539.126 124.711 541.084C124.834 543.042 125.278 544.511 125.484 545"></path>
|
|
65
|
+
</g>
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
<!-- Deltoid (Left) -->
|
|
69
|
+
<linearGradient id="SVGID_deltoid_left" gradientUnits="userSpaceOnUse" x1="73.0684" y1="102.5601" x2="68.8198" y2="151.1216">
|
|
70
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
71
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
72
|
+
</linearGradient>
|
|
73
|
+
|
|
74
|
+
<!-- Deltoid (Right) -->
|
|
75
|
+
<linearGradient id="SVGID_deltoid_right" gradientUnits="userSpaceOnUse" x1="519.7339" y1="102.5601" x2="515.4853" y2="151.1216" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
76
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
77
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
78
|
+
</linearGradient>
|
|
79
|
+
|
|
80
|
+
<g id="deltoid" class="muscle">
|
|
81
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_deltoid_left)" d="M93.167,107.318c0,0-7.666-0.667-13.166-1.833c-4.532-0.961-10.865-2.825-12.956-3.452
|
|
82
|
+
c-0.141,0.108-0.26,0.21-0.336,0.299c0,0-9.125,4.125-14.125,14.375c-4.844,9.93-3.47,27.603-2.356,32.788L51,148.818
|
|
83
|
+
c0,0,4.333-16,7.166-21.5s11.167-10.333,16-11.333s12.167-3.333,16.834-5.667S93.167,107.318,93.167,107.318z"></path>
|
|
84
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_deltoid_right)" d="M154.844,107.318c0,0,7.666-0.667,13.166-1.833c4.532-0.961,10.865-2.825,12.956-3.452
|
|
85
|
+
c0.141,0.108,0.26,0.21,0.336,0.299c0,0,9.125,4.125,14.125,14.375c4.844,9.93,3.47,27.603,2.356,32.788l-0.773-0.677
|
|
86
|
+
c0,0-4.333-16-7.166-21.5s-11.167-10.333-16-11.333s-12.167-3.333-16.834-5.667S154.844,107.318,154.844,107.318z"></path>
|
|
87
|
+
</g>
|
|
88
|
+
|
|
89
|
+
<!-- Infraspinatus & Teres Major (Left) -->
|
|
90
|
+
<linearGradient id="SVGID_infraspinatus_teres_major_left" gradientUnits="userSpaceOnUse" x1="78.5542" y1="107.9058" x2="75.1761" y2="146.5175">
|
|
91
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
92
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
93
|
+
</linearGradient>
|
|
94
|
+
|
|
95
|
+
<!-- Infraspinatus & Teres Major (Right) -->
|
|
96
|
+
<linearGradient id="SVGID_infraspinatus_teres_major_right" gradientUnits="userSpaceOnUse" x1="525.2202" y1="107.9048" x2="521.8421" y2="146.5166" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
97
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
98
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
99
|
+
</linearGradient>
|
|
100
|
+
|
|
101
|
+
<g id="infraspinatus_teres_major" class="muscle">
|
|
102
|
+
<path data-tooltip-text="Infraspinatus & Teres Major" class="tooltip-trigger" fill="url(#SVGID_infraspinatus_teres_major_left)" d="M56.5,134.482c0,0,2-6.667,4.833-9.833s10.666-7,15.333-7.667s16.833-6.167,18-7.667
|
|
103
|
+
c0,0,0.167,2.667,0.167,4.333s0.333,28.667,0.333,29.833s-2.333,2.5-2.333,2.5s-13.333,0.333-14,0.833s-8.667-10.5-9-11.833
|
|
104
|
+
s0.333-7.667,0.333-7.667S62.167,126.149,56.5,134.482z"></path>
|
|
105
|
+
<path data-tooltip-text="Infraspinatus & Teres Major" class="tooltip-trigger" fill="url(#SVGID_infraspinatus_teres_major_right)" d="M191.51,134.482c0,0-2-6.667-4.833-9.833s-10.666-7-15.333-7.667s-16.833-6.167-18-7.667
|
|
106
|
+
c0,0-0.167,2.667-0.167,4.333s-0.333,28.667-0.333,29.833s2.333,2.5,2.333,2.5s13.333,0.333,14,0.833s8.667-10.5,9-11.833
|
|
107
|
+
s-0.333-7.667-0.333-7.667S185.843,126.149,191.51,134.482z"></path>
|
|
108
|
+
</g>
|
|
109
|
+
|
|
110
|
+
<!-- Trapezius (Left) -->
|
|
111
|
+
<linearGradient id="SVGID_trapezius_left" gradientUnits="userSpaceOnUse" x1="105.4185" y1="49.4941" x2="93.6938" y2="183.5076">
|
|
112
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
113
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
114
|
+
</linearGradient>
|
|
115
|
+
|
|
116
|
+
<!-- Trapezius (Right) -->
|
|
117
|
+
<linearGradient id="SVGID_trapezius_right" gradientUnits="userSpaceOnUse" x1="584.7524" y1="49.4941" x2="573.0278" y2="183.5076" gradientTransform="matrix(-1 0 0 1 727.0186 0)">
|
|
118
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
119
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
120
|
+
</linearGradient>
|
|
121
|
+
|
|
122
|
+
<g id="trapezius_lower" class="muscle">
|
|
123
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_trapezius_left)" d="M120.375,115.082c1.549,4.417,0.38,11.027-0.417,18c-1,8.75-1.904,31.375-1.875,32.875
|
|
124
|
+
c0.125,6.375,0.75,19.75,0.75,19.75s-8.334-12.888-9.167-14.222s-9.5-18-9.5-18s-3.833-6-3.833-7.667s2-16.611,3.625-22.111
|
|
125
|
+
c0.852-2.881,0.875-3.875,2.625-8.5c3.805-10.055,2.5-10.625,2.5-10.625s0.023,0.002,0.028,0.002
|
|
126
|
+
c-0.235-0.305-0.611-0.752-0.611-0.752s-0.937-1.404-2.292-2.375c-2.792-2-4.208-1.625-5.375-1.625s-7,0.75-11.875-0.125
|
|
127
|
+
c-2.718-0.488-5.31-1.142-9.077-2.167c3.001-1.542,7.655-4.153,10.827-6.708c4.5-3.625,17.625-14.625,17.625-14.625
|
|
128
|
+
c0.12-0.291,0.217-0.625,0.304-0.978c0.61-0.359,1.196-0.767,1.696-1.231c2.333-2.167,5.167-4.833,6-7.5s1.167-7.333,1.167-10.5
|
|
129
|
+
s2-5,3-5.333c0,0,3-1,3.5,2.833s0.332,12.167-0.334,15.333s-3.749,12.625-4.083,13.625c-0.211,0.631-0.296,1.331-0.398,1.985
|
|
130
|
+
c-0.423,2.704-0.602,5.489-0.525,8.224C114.66,92.666,114.5,98.332,120.375,115.082z"></path>
|
|
131
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_trapezius_right)" d="M127.309,115.082c-1.549,4.417-0.38,11.027,0.417,18c1,8.75,1.904,31.375,1.875,32.875
|
|
132
|
+
c-0.125,6.375-0.75,19.75-0.75,19.75s8.334-12.888,9.167-14.222s9.5-18,9.5-18s3.833-6,3.833-7.667s-2-16.611-3.625-22.111
|
|
133
|
+
c-0.852-2.881-0.875-3.875-2.625-8.5c-3.805-10.055-2.5-10.625-2.5-10.625s-0.023,0.002-0.028,0.002
|
|
134
|
+
c0.235-0.305,0.611-0.752,0.611-0.752s0.937-1.404,2.292-2.375c2.792-2,4.208-1.625,5.375-1.625s7,0.75,11.875-0.125
|
|
135
|
+
c2.718-0.488,5.31-1.142,9.077-2.167c-3.001-1.542-7.655-4.153-10.827-6.708c-4.5-3.625-17.625-14.625-17.625-14.625
|
|
136
|
+
c-0.12-0.291-0.217-0.625-0.304-0.978c-0.61-0.359-1.196-0.767-1.696-1.231c-2.333-2.167-5.167-4.833-6-7.5
|
|
137
|
+
s-1.167-7.333-1.167-10.5s-2-5-3-5.333c0,0-3-1-3.5,2.833s-0.332,12.167,0.334,15.333s3.749,12.625,4.083,13.625
|
|
138
|
+
c0.211,0.631,0.296,1.331,0.398,1.985c0.423,2.704,0.602,5.489,0.525,8.224C133.025,92.666,133.184,98.332,127.309,115.082z"></path>
|
|
139
|
+
</g>
|
|
140
|
+
|
|
141
|
+
<!-- Latissimus Dorsi (Left) -->
|
|
142
|
+
<linearGradient id="SVGID_back_4_" gradientUnits="userSpaceOnUse" x1="101.9858" y1="147.6543" x2="93.3861" y2="245.9497">
|
|
143
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
144
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
145
|
+
</linearGradient>
|
|
146
|
+
|
|
147
|
+
<!-- Latissimus Dorsi (Right) -->
|
|
148
|
+
<linearGradient id="SVGID_back_34_" gradientUnits="userSpaceOnUse" x1="581.4858" y1="147.6543" x2="572.8861" y2="245.9497" gradientTransform="matrix(-1 0 0 1 727.2686 0)">
|
|
149
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
150
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
151
|
+
</linearGradient>
|
|
152
|
+
|
|
153
|
+
<g id="latissimus_dorsi" class="muscle">
|
|
154
|
+
<path data-tooltip-text="Latissimus Dorsi" class="tooltip-trigger" fill="url(#SVGID_back_4_)" d="M113.743,239.597c0.521,1.219,1.506,4.256,1.981,5.907c0.234,0.813,0.526,1.578,0.609,2.453
|
|
155
|
+
l-19.438-12.813c0,0-0.313-5.875-1.813-9.75s-8.563-15.625-8.813-16.813c-0.157-0.749-2.771-4.25-4.684-6.739
|
|
156
|
+
c-0.353-2.871-0.966-5.962-1.754-8.261c-1.164-3.395-2.024-8.656-2.353-10.85c0.122-0.251,0.329-0.785,0.665-1.962
|
|
157
|
+
c0.625-2.188,1.25-8.688,1.375-13.563s-0.75-18.5-0.75-18.5s0.25-0.813,0.688-0.938s12.938-0.688,12.938-0.688
|
|
158
|
+
s1.875-0.313,2.5,0.063s2,2.563,2,2.563s2.75,4.813,2.813,5.625s5.5,11.25,6.125,12.625c2.188,4.812,5.419,7.57,12.813,20.125
|
|
159
|
+
c0,0,1.5,2.125,1.063,5.125c-0.328,2.247-2.312,5.379-3.875,6.625c-2.149,1.713-4.722,3.6-6,6
|
|
160
|
+
c-1.537,2.887-2.552,5.082-2.833,8.333C107,214.166,107.152,224.196,113.743,239.597z"></path>
|
|
161
|
+
<path data-tooltip-text="Latissimus Dorsi" class="tooltip-trigger" fill="url(#SVGID_back_34_)" d="M134.026,239.597c-0.521,1.219-1.506,4.256-1.981,5.907c-0.234,0.813-0.526,1.578-0.609,2.453
|
|
162
|
+
l19.438-12.813c0,0,0.313-5.875,1.813-9.75s8.563-15.625,8.813-16.813c0.157-0.749,2.771-4.25,4.684-6.739
|
|
163
|
+
c0.353-2.871,0.966-5.962,1.754-8.261c1.164-3.395,2.024-8.656,2.353-10.85c-0.122-0.251-0.329-0.785-0.665-1.962
|
|
164
|
+
c-0.625-2.188-1.25-8.688-1.375-13.563s0.75-18.5,0.75-18.5s-0.25-0.813-0.688-0.938s-12.938-0.688-12.938-0.688
|
|
165
|
+
s-1.875-0.313-2.5,0.063s-2,2.563-2,2.563s-2.75,4.813-2.813,5.625s-5.5,11.25-6.125,12.625c-2.188,4.812-5.419,7.57-12.813,20.125
|
|
166
|
+
c0,0-1.5,2.125-1.063,5.125c0.328,2.247,2.312,5.379,3.875,6.625c2.149,1.713,4.722,3.6,6,6c1.537,2.887,2.552,5.082,2.833,8.333
|
|
167
|
+
C140.768,214.166,140.617,224.196,134.026,239.597z"></path>
|
|
168
|
+
</g>
|
|
169
|
+
|
|
170
|
+
<!-- External Oblique (Left) -->
|
|
171
|
+
<linearGradient id="SVGID_back_5_" gradientUnits="userSpaceOnUse" x1="89.8174" y1="204.8501" x2="87.291" y2="233.7266">
|
|
172
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
173
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
174
|
+
</linearGradient>
|
|
175
|
+
|
|
176
|
+
<!-- External Oblique (Right) -->
|
|
177
|
+
<linearGradient id="SVGID_back_20_" gradientUnits="userSpaceOnUse" x1="536.4819" y1="204.8501" x2="533.9556" y2="233.7261" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
178
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
179
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
180
|
+
</linearGradient>
|
|
181
|
+
|
|
182
|
+
<g id="external_oblique" class="muscle">
|
|
183
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_back_5_)" d="M94.5,227.416c-0.167-0.833-2.333-5.667-2.75-6.25s-4.333-8.083-4.916-8.833s-1.084-2-2.25-4.417
|
|
184
|
+
c-0.66-1.368-1.854-2.789-2.767-3.765c0.125,1.673,0.139,3.153,0.016,4.182c-0.337,2.808-1.48,16.101-1.709,20.044
|
|
185
|
+
c6.213-0.847,15.043,6.04,15.043,6.04C95.917,232.416,94.667,228.249,94.5,227.416z"></path>
|
|
186
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_back_20_)" d="M153.51,227.416c0.167-0.833,2.333-5.667,2.75-6.25s4.333-8.083,4.916-8.833s1.084-2,2.25-4.417
|
|
187
|
+
c0.66-1.368,1.854-2.789,2.767-3.765c-0.125,1.673-0.139,3.153-0.016,4.182c0.337,2.808,1.48,16.101,1.709,20.044
|
|
188
|
+
c-6.213-0.847-15.043,6.04-15.043,6.04C152.093,232.416,153.343,228.249,153.51,227.416z"></path>
|
|
189
|
+
</g>
|
|
190
|
+
|
|
191
|
+
<!-- Gluteus Medius (Left) -->
|
|
192
|
+
<linearGradient id="SVGID_back_6_" gradientUnits="userSpaceOnUse" x1="89.0908" y1="231.0371" x2="86.382" y2="261.9984">
|
|
193
|
+
<stop offset="0" style="stop-color: rgb(126,155,161);"></stop>
|
|
194
|
+
<stop offset="1" style="stop-color: rgb(101,142,165);"></stop>
|
|
195
|
+
</linearGradient>
|
|
196
|
+
|
|
197
|
+
<!-- Gluteus Medius (Right) -->
|
|
198
|
+
<linearGradient id="SVGID_back_21_" gradientUnits="userSpaceOnUse" x1="535.7573" y1="231.0371" x2="533.0486" y2="261.998" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
199
|
+
<stop offset="0" style="stop-color: rgb(126,155,161);"></stop>
|
|
200
|
+
<stop offset="1" style="stop-color: rgb(101,142,165);"></stop>
|
|
201
|
+
</linearGradient>
|
|
202
|
+
|
|
203
|
+
<g id="gluteus_medius2" class="muscle">
|
|
204
|
+
<path data-tooltip-text="Gluteus Medius" class="tooltip-trigger" fill="url(#SVGID_back_6_)" d="M82.458,230.457c0,0,12.625,5.625,16,9.25c0,0-10,8.75-12.75,10.75s-8,8.625-8.375,10.75
|
|
205
|
+
C77.333,261.207,75.583,241.707,82.458,230.457z"></path>
|
|
206
|
+
<path data-tooltip-text="Gluteus Medius" class="tooltip-trigger" fill="url(#SVGID_back_21_)" d="M165.552,230.457c0,0-12.625,5.625-16,9.25c0,0,10,8.75,12.75,10.75s8,8.625,8.375,10.75
|
|
207
|
+
C170.677,261.207,172.427,241.707,165.552,230.457z"></path>
|
|
208
|
+
</g>
|
|
209
|
+
|
|
210
|
+
<!-- Gluteus Maximus (Left) -->
|
|
211
|
+
<linearGradient id="SVGID_back_7_" gradientUnits="userSpaceOnUse" x1="103.5537" y1="240.75" x2="98.7226" y2="295.9702">
|
|
212
|
+
<stop offset="0" style="stop-color: rgb(126,155,201);"></stop>
|
|
213
|
+
<stop offset="1" style="stop-color: rgb(101,142,205);"></stop>
|
|
214
|
+
</linearGradient>
|
|
215
|
+
|
|
216
|
+
<!-- Gluteus Maximus (Right) -->
|
|
217
|
+
<linearGradient id="SVGID_back_22_" gradientUnits="userSpaceOnUse" x1="550.2202" y1="240.7495" x2="545.389" y2="295.9697" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
218
|
+
<stop offset="0" style="stop-color: rgb(126,155,201);"></stop>
|
|
219
|
+
<stop offset="1" style="stop-color: rgb(101,142,205);"></stop>
|
|
220
|
+
</linearGradient>
|
|
221
|
+
|
|
222
|
+
<g id="gluteus_maximus" class="muscle">
|
|
223
|
+
<path data-tooltip-text="Gluteus Maximus" class="tooltip-trigger" fill="url(#SVGID_back_7_)" d="M100.208,240.457c0,0-10.375,9.25-14,11.75c0,0-6.375,6.375-8.375,12.75c0,0,0,10,1.5,16
|
|
224
|
+
c0.834,3.336,5.875,12.75,14.125,14.375c9.011,1.775,17.401-0.644,24.245-6.841c1.965-1.779,4.134-4.485,4.979-7.035
|
|
225
|
+
c0.598-1.808,1.286-3.745,1.401-5.624c0.337-5.48-0.854-10.738-2.824-15.924c-1.147-3.021-3.132-7.223-5.676-9.326
|
|
226
|
+
C115.58,250.579,109.081,245.206,100.208,240.457z"></path>
|
|
227
|
+
<path data-tooltip-text="Gluteus Maximus" class="tooltip-trigger" fill="url(#SVGID_back_22_)" d="M147.802,240.457c0,0,10.375,9.25,14,11.75c0,0,6.375,6.375,8.375,12.75c0,0,0,10-1.5,16
|
|
228
|
+
c-0.834,3.336-5.875,12.75-14.125,14.375c-9.011,1.775-17.401-0.644-24.245-6.841c-1.965-1.779-4.134-4.485-4.979-7.035
|
|
229
|
+
c-0.598-1.808-1.286-3.745-1.401-5.624c-0.337-5.48,0.854-10.738,2.824-15.924c1.147-3.021,3.132-7.223,5.676-9.326
|
|
230
|
+
C132.431,250.579,138.93,245.206,147.802,240.457z"></path>
|
|
231
|
+
</g>
|
|
232
|
+
|
|
233
|
+
<!-- Triceps (Left) -->
|
|
234
|
+
<linearGradient id="SVGID_triceps_left" gradientUnits="userSpaceOnUse" x1="67.2178" y1="128.4917" x2="59.7506" y2="213.8415">
|
|
235
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
236
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
237
|
+
</linearGradient>
|
|
238
|
+
|
|
239
|
+
<!-- Triceps (Right) -->
|
|
240
|
+
<linearGradient id="SVGID_triceps_right" gradientUnits="userSpaceOnUse" x1="513.8833" y1="128.4917" x2="506.4161" y2="213.8415" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
241
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
242
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
243
|
+
</linearGradient>
|
|
244
|
+
|
|
245
|
+
<g id="triceps" class="muscle">
|
|
246
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_triceps_left)" d="M77.667,148.499c0,0-0.018,0.029-0.047,0.077c-0.181-0.739-0.787-0.927-0.787-0.927
|
|
247
|
+
s-6.417-8.983-7.417-9.983s-1.333-3.667-1.333-3.667l0.167-5.417c0,0-5.334,1.333-7.417,3.233
|
|
248
|
+
c-1.773,1.618-3.837,4.337-4.257,4.897c-0.05,0.067-0.076,0.103-0.076,0.103c-0.008,0.022-0.014,0.049-0.021,0.072
|
|
249
|
+
c-1.061,1.107-1.645,2.444-1.646,2.444c0,0-2.708,8.958-2.708,9.292s-0.667,1.125-1.125,1.417c-0.14,0.089-0.382,0.132-0.648,0.154
|
|
250
|
+
c0.053,0.707,0.188,2.832-0.019,3.763c-0.18,0.809-1.328,16.218-1.867,26.071c0.79,6.662,2.053,14.415,2.534,17.304
|
|
251
|
+
c0.667,4,8.167,12.333,8.167,12.333s-0.167-1.833-0.834-3.5c-0.503-1.257-0.354-2.974-0.415-4.292
|
|
252
|
+
c-0.113-2.436-0.146-4.872-0.189-7.309c-0.127-7.226,0.73-14.187,2.265-21.239l0.673-1.176c2-3.333,3.834-0.333,3.834-0.333
|
|
253
|
+
l0.167,1.017c0.688,6.099,1.179,12.219,1.148,18.361c-0.021,4.179,0.321,8.661-0.315,12.806c0,0-0.167,1.167,0.5,1.667
|
|
254
|
+
s3.501,5.833,3.167,9c0,0,2.238-2.776,3.827-4.849c0.043-1.02,0.074-2.021,0.089-2.984c0,0,0.125-8.375,1-13.125s3.25-12,3.25-12
|
|
255
|
+
s0.333-1.708,1-9.208S78.501,150.999,77.667,148.499z"></path>
|
|
256
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_triceps_right)" d="M170.343,148.499c0,0,0.018,0.029,0.047,0.077c0.181-0.739,0.787-0.927,0.787-0.927
|
|
257
|
+
s6.417-8.983,7.417-9.983s1.333-3.667,1.333-3.667l-0.167-5.417c0,0,5.334,1.333,7.417,3.233c1.773,1.618,3.837,4.337,4.257,4.897
|
|
258
|
+
c0.05,0.067,0.076,0.103,0.076,0.103c0.008,0.022,0.014,0.049,0.021,0.072c1.061,1.107,1.645,2.444,1.646,2.444
|
|
259
|
+
c0,0,2.708,8.958,2.708,9.292s0.667,1.125,1.125,1.417c0.14,0.089,0.382,0.132,0.648,0.154c-0.053,0.707-0.188,2.832,0.019,3.763
|
|
260
|
+
c0.18,0.809,1.328,16.218,1.867,26.071c-0.79,6.662-2.053,14.415-2.534,17.304c-0.667,4-8.167,12.333-8.167,12.333
|
|
261
|
+
s0.167-1.833,0.834-3.5c0.503-1.257,0.354-2.974,0.415-4.292c0.113-2.436,0.146-4.872,0.189-7.309
|
|
262
|
+
c0.127-7.226-0.73-14.187-2.265-21.239l-0.673-1.176c-2-3.333-3.834-0.333-3.834-0.333l-0.167,1.017
|
|
263
|
+
c-0.688,6.099-1.179,12.219-1.148,18.361c0.021,4.179-0.321,8.661,0.315,12.806c0,0,0.167,1.167-0.5,1.667s-3.501,5.833-3.167,9
|
|
264
|
+
c0,0-2.238-2.776-3.827-4.849c-0.043-1.02-0.074-2.021-0.089-2.984c0,0-0.125-8.375-1-13.125s-3.25-12-3.25-12
|
|
265
|
+
s-0.333-1.708-1-9.208S169.509,150.999,170.343,148.499z"></path>
|
|
266
|
+
</g>
|
|
267
|
+
|
|
268
|
+
<!-- Brachioradialis (Left) -->
|
|
269
|
+
<linearGradient id="SVGID_back_13_" gradientUnits="userSpaceOnUse" x1="47.019" y1="188.8379" x2="41.849" y2="247.932">
|
|
270
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
271
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
272
|
+
</linearGradient>
|
|
273
|
+
|
|
274
|
+
<!-- Brachioradialis (Right) -->
|
|
275
|
+
<linearGradient id="SVGID_back_26_" gradientUnits="userSpaceOnUse" x1="493.6851" y1="188.8389" x2="488.515" y2="247.9325" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
276
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
277
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
278
|
+
</linearGradient>
|
|
279
|
+
|
|
280
|
+
<!-- Brachioradialis -->
|
|
281
|
+
<g id="brachioradialis" class="muscle">
|
|
282
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_back_13_)" d="M49.583,197.957c0-1.104-0.837-5.4-1.587-9.033c-0.208,0.863-0.614,2.278-1.413,4.408
|
|
283
|
+
c-1.5,4-4.75,14.125-5.25,21.25c-0.311,4.423-0.091,20.835,0.03,33.308c2.354-15.106,6.578-37.367,6.97-38.933
|
|
284
|
+
C48.833,206.957,49.583,199.957,49.583,197.957z"></path>
|
|
285
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_back_26_)" d="M198.427,197.957c0-1.104,0.837-5.4,1.587-9.033c0.208,0.863,0.614,2.278,1.413,4.408
|
|
286
|
+
c1.5,4,4.75,14.125,5.25,21.25c0.311,4.423,0.091,20.835-0.03,33.308c-2.354-15.106-6.578-37.367-6.97-38.933
|
|
287
|
+
C199.177,206.957,198.427,199.957,198.427,197.957z"></path>
|
|
288
|
+
</g>
|
|
289
|
+
|
|
290
|
+
<!-- Finger Flexors (Left) -->
|
|
291
|
+
<linearGradient id="SVGID_back_14_" gradientUnits="userSpaceOnUse" x1="67.6968" y1="212.4321" x2="64.7825" y2="245.7429">
|
|
292
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
293
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
294
|
+
</linearGradient>
|
|
295
|
+
|
|
296
|
+
<!-- Finger Flexors (Right) -->
|
|
297
|
+
<linearGradient id="SVGID_back_27_" gradientUnits="userSpaceOnUse" x1="514.3628" y1="212.4331" x2="511.4485" y2="245.7434" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
298
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
299
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
300
|
+
</linearGradient>
|
|
301
|
+
|
|
302
|
+
<!-- Finger Flexors -->
|
|
303
|
+
<g id="finger_flexors" class="muscle">
|
|
304
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_back_14_)" d="M70.833,229.457c0.672-2.687,1.563-9.72,1.998-16.575l-3.373,3.075l-1.25,4.25
|
|
305
|
+
c0,0-3.375,0.625-6.25-1.875c0,0,1.375,9.875,1.875,11.25c0.405,1.115,1.878,7.981,1.422,16.202
|
|
306
|
+
C67.514,239.044,70.154,232.176,70.833,229.457z"></path>
|
|
307
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_back_27_)" d="M177.177,229.457c-0.672-2.687-1.563-9.72-1.998-16.575l3.373,3.075l1.25,4.25
|
|
308
|
+
c0,0,3.375,0.625,6.25-1.875c0,0-1.375,9.875-1.875,11.25c-0.405,1.115-1.878,7.981-1.422,16.202
|
|
309
|
+
C180.497,239.044,177.857,232.176,177.177,229.457z"></path>
|
|
310
|
+
</g>
|
|
311
|
+
|
|
312
|
+
<!-- Finger Extensors (Left) -->
|
|
313
|
+
<linearGradient id="SVGID_finger_extensors_left" gradientUnits="userSpaceOnUse" x1="56.7437" y1="200.8711" x2="50.3853" y2="273.5476">
|
|
314
|
+
<stop offset="0" style="stop-color: rgb(177,240,135);"></stop>
|
|
315
|
+
<stop offset="1" style="stop-color: rgb(166,236,106);"></stop>
|
|
316
|
+
</linearGradient>
|
|
317
|
+
|
|
318
|
+
<!-- Finger Extensors (Right) -->
|
|
319
|
+
<linearGradient id="SVGID_finger_extensors_right" gradientUnits="userSpaceOnUse" x1="503.4077" y1="200.8706" x2="497.0493" y2="273.5476" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
320
|
+
<stop offset="0" style="stop-color: rgb(177,240,135);"></stop>
|
|
321
|
+
<stop offset="1" style="stop-color: rgb(166,236,106);"></stop>
|
|
322
|
+
</linearGradient>
|
|
323
|
+
|
|
324
|
+
<g id="finger_extensors" class="muscle">
|
|
325
|
+
<path data-tooltip-text="Finger Extensors" class="tooltip-trigger" fill="url(#SVGID_finger_extensors_left)" d="M62.958,230.707c-2-8.375-3.625-19.5-3.625-19.5s-7.375-7-8.75-10.875
|
|
326
|
+
c-0.285,2.711-0.484,5.425-0.987,8.108c-1.367,7.295-2.638,14.602-3.982,21.903c-0.391,2.12-0.802,4.237-1.24,6.348
|
|
327
|
+
c-0.4,1.929-0.824,3.854-1.271,5.772c-0.27,1.158-0.55,2.313-0.845,3.465c-0.247,0.966-0.891,2.278-0.882,3.265
|
|
328
|
+
c0.065,7.007,0.091,12.53-0.043,13.512c-0.266,1.949-0.531,6.023-0.797,8.593c1.354,0.957,4.609,2.206,12.422,2.282h2l4.209-0.094
|
|
329
|
+
c0.401-2.794,2.2-14.88,4.291-22.031c0.003-0.009,0.006-0.019,0.009-0.028C63.81,247.851,64.589,237.535,62.958,230.707z"></path>
|
|
330
|
+
<path data-tooltip-text="Finger Extensors" class="tooltip-trigger" fill="url(#SVGID_finger_extensors_right)" d="M185.052,230.707c2-8.375,3.625-19.5,3.625-19.5s7.375-7,8.75-10.875
|
|
331
|
+
c0.285,2.711,0.484,5.425,0.987,8.108c1.367,7.295,2.638,14.602,3.982,21.903c0.391,2.12,0.802,4.237,1.24,6.348
|
|
332
|
+
c0.4,1.929,0.824,3.854,1.271,5.772c0.27,1.158,0.55,2.313,0.845,3.465c0.247,0.966,0.891,2.278,0.882,3.265
|
|
333
|
+
c-0.065,7.007-0.091,12.53,0.043,13.512c0.266,1.949,0.531,6.023,0.797,8.593c-1.354,0.957-4.609,2.206-12.422,2.282h-2
|
|
334
|
+
l-4.209-0.094c-0.401-2.794-2.2-14.88-4.291-22.031c-0.003-0.009-0.006-0.019-0.009-0.028
|
|
335
|
+
C184.201,247.851,183.421,237.535,185.052,230.707z"></path>
|
|
336
|
+
</g>
|
|
337
|
+
|
|
338
|
+
<!-- Tensor Fasciae Latae (Left) -->
|
|
339
|
+
<linearGradient id="SVGID_back_8_" gradientUnits="userSpaceOnUse" x1="82.8105" y1="275.0508" x2="74.1936" y2="373.5432">
|
|
340
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
341
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
342
|
+
</linearGradient>
|
|
343
|
+
|
|
344
|
+
<!-- Tensor Fasciae Latae (Right) -->
|
|
345
|
+
<linearGradient id="SVGID_back_36_" gradientUnits="userSpaceOnUse" x1="561.1431" y1="275.0508" x2="552.5261" y2="373.5427" gradientTransform="matrix(-1 0 0 1 726.0303 0)">
|
|
346
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
347
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
348
|
+
</linearGradient>
|
|
349
|
+
|
|
350
|
+
<!-- Tensor Fasciae Latae -->
|
|
351
|
+
<g id="tensor_fasciae_latae" class="muscle">
|
|
352
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_back_8_)" d="M82.833,290.499c-5.5-6-6.333-16-6.333-16c-6.667,12.5-5,41.5-3.5,54.167s8,29.33,8.167,34.663
|
|
353
|
+
c0.071,2.268,0.135,4.159-0.084,5.879c0.692,1.924,1.673,3.94,2.125,5.125c0.871-7.055-0.143-19.449-0.541-23.837
|
|
354
|
+
c-0.5-5.5-0.751-13.663-1.084-22.163s2.125-20.25,2.125-20.25S84.092,291.872,82.833,290.499z"></path>
|
|
355
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_back_36_)" d="M164.864,290.499c5.5-6,6.333-16,6.333-16c6.667,12.5,5,41.5,3.5,54.167s-8,29.33-8.167,34.663
|
|
356
|
+
c-0.071,2.268-0.135,4.159,0.084,5.879c-0.692,1.924-1.673,3.94-2.125,5.125c-0.871-7.055,0.143-19.449,0.541-23.837
|
|
357
|
+
c0.5-5.5,0.751-13.663,1.084-22.163s-2.125-20.25-2.125-20.25S163.605,291.872,164.864,290.499z"></path>
|
|
358
|
+
</g>
|
|
359
|
+
|
|
360
|
+
<!-- Abductors (Left) -->
|
|
361
|
+
<linearGradient id="SVGID_back_35_" gradientUnits="userSpaceOnUse" x1="119.1519" y1="286.7734" x2="114.0889" y2="344.6432">
|
|
362
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
363
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
364
|
+
</linearGradient>
|
|
365
|
+
|
|
366
|
+
<!-- Abductors (Right) -->
|
|
367
|
+
<linearGradient id="SVGID_back_38_" gradientUnits="userSpaceOnUse" x1="597.3901" y1="286.7939" x2="592.3276" y2="344.6588" gradientTransform="matrix(-1 0 0 1 726.0303 0)">
|
|
368
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
369
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
370
|
+
</linearGradient>
|
|
371
|
+
|
|
372
|
+
<!-- Abductors -->
|
|
373
|
+
<g id="abductors" class="muscle">
|
|
374
|
+
<path data-tooltip-text="Abductors" class="tooltip-trigger" fill="url(#SVGID_back_35_)" d="M123.927,287.191c0,0,1.224,14.744,0.167,26.542c-1,11.166-4.917,28.333-5.167,31.333
|
|
375
|
+
c0,0-0.136-21.228-2.125-30.75c-1.75-8.375-6.125-13.167-5.875-17C110.927,297.316,121.177,294.649,123.927,287.191z"></path>
|
|
376
|
+
<path data-tooltip-text="Abductors" class="tooltip-trigger" fill="url(#SVGID_back_38_)" d="M123.917,287.207c0,0-1.276,14.744-0.22,26.542c1,11.166,4.917,28.333,5.167,31.333
|
|
377
|
+
c0,0,0.136-21.228,2.125-30.75c1.75-8.375,6.125-13.167,5.875-17C136.864,297.332,126.667,294.665,123.917,287.207z"></path>
|
|
378
|
+
</g>
|
|
379
|
+
|
|
380
|
+
<!-- Hamstrings (Left) -->
|
|
381
|
+
<linearGradient id="SVGID_back_17_" gradientUnits="userSpaceOnUse" x1="105.9561" y1="297.2065" x2="96.5825" y2="404.3461">
|
|
382
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
383
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
384
|
+
</linearGradient>
|
|
385
|
+
|
|
386
|
+
<!-- Hamstrings (Right) -->
|
|
387
|
+
<linearGradient id="SVGID_back_37_" gradientUnits="userSpaceOnUse" x1="584.2905" y1="297.2065" x2="574.917" y2="404.3461" gradientTransform="matrix(-1 0 0 1 726.0303 0)">
|
|
388
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
389
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
390
|
+
</linearGradient>
|
|
391
|
+
|
|
392
|
+
<g id="hamstrings" class="muscle">
|
|
393
|
+
<path data-tooltip-text="Hamstrings" class="tooltip-trigger" fill="url(#SVGID_back_17_)" d="M118.333,372.957c0,0,0.375-13.25,0.25-20.25s-1.744-21.257-2-26.125
|
|
394
|
+
c-0.25-4.75-0.828-7.527-2.125-12.5c-0.75-2.875-2.25-6.375-4.375-10.375c-1.209-2.276-1.909-6.24-1.28-6.251
|
|
395
|
+
c0,0-0.038,0-0.095,0.001c-7.159,0.114-16.851-0.613-21.042,6.374c-5.5,9.167-4.666,32.832-3.999,37.998s1.5,25.167,1.333,32.667
|
|
396
|
+
c-0.063,2.842-0.462,4.604-0.932,5.699c0.404,2.808,0.86,6.436,0.765,7.971C84.667,390.832,86,400.332,86,400.332
|
|
397
|
+
s0.286,0.674,0.353,2.016c3.397-8.138,8.229-19.585,9.987-25.511c0.657-1.382,2.451-4.867,3.806-4.817
|
|
398
|
+
c1.684,0.063,3.43,4.604,3.81,5.431c0.398,1.192,0.78,2.264,1.128,3.132c2.094,5.233,9.092,20.627,11.314,25.498
|
|
399
|
+
c0.748-2.869,1.262-10.146,1.602-17.404C118.208,377.082,117.958,383.707,118.333,372.957z"></path>
|
|
400
|
+
<path data-tooltip-text="Hamstrings" class="tooltip-trigger" fill="url(#SVGID_back_37_)" d="M129.364,372.957c0,0-0.375-13.25-0.25-20.25s1.744-21.257,2-26.125
|
|
401
|
+
c0.25-4.75,0.828-7.527,2.125-12.5c0.75-2.875,2.25-6.375,4.375-10.375c1.209-2.276,1.909-6.24,1.28-6.251c0,0,0.038,0,0.095,0.001
|
|
402
|
+
c7.159,0.114,16.851-0.613,21.042,6.374c5.5,9.167,4.666,32.832,3.999,37.998s-1.5,25.167-1.333,32.667
|
|
403
|
+
c0.063,2.842,0.462,4.604,0.932,5.699c-0.404,2.808-0.86,6.436-0.765,7.971c0.166,2.667-1.167,12.167-1.167,12.167
|
|
404
|
+
s-0.286,0.674-0.353,2.016c-3.397-8.138-8.229-19.585-9.987-25.511c-0.657-1.382-2.451-4.867-3.806-4.817
|
|
405
|
+
c-1.684,0.063-3.43,4.604-3.81,5.431c-0.398,1.192-0.78,2.264-1.128,3.132c-2.094,5.233-9.092,20.627-11.314,25.498
|
|
406
|
+
c-0.748-2.869-1.262-10.146-1.602-17.404C129.489,377.082,129.739,383.707,129.364,372.957z"></path>
|
|
407
|
+
</g>
|
|
408
|
+
|
|
409
|
+
<!-- Gastrocnemius (Left) -->
|
|
410
|
+
<linearGradient id="SVGID_back_9_" gradientUnits="userSpaceOnUse" x1="101.6567" y1="384.2217" x2="90.2812" y2="514.2444">
|
|
411
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
412
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
413
|
+
</linearGradient>
|
|
414
|
+
|
|
415
|
+
<linearGradient id="SVGID_back_10_" gradientUnits="userSpaceOnUse" x1="116.8521" y1="391.749" x2="108.2598" y2="489.9592">
|
|
416
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
417
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
418
|
+
</linearGradient>
|
|
419
|
+
|
|
420
|
+
<!-- Gastrocnemius (Right) -->
|
|
421
|
+
<linearGradient id="SVGID_back_23_" gradientUnits="userSpaceOnUse" x1="548.3237" y1="384.2207" x2="536.9481" y2="514.2443" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
422
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
423
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
424
|
+
</linearGradient>
|
|
425
|
+
|
|
426
|
+
<linearGradient id="SVGID_back_24_" gradientUnits="userSpaceOnUse" x1="563.5181" y1="391.749" x2="554.9258" y2="489.9586" gradientTransform="matrix(-1 0 0 1 694.6768 0)">
|
|
427
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
428
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
429
|
+
</linearGradient>
|
|
430
|
+
|
|
431
|
+
<g id="gastrocnemius" class="muscle">
|
|
432
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_back_9_)" d="M106.167,424.504c0-1.5-2.333-30.834-2.333-30.834s-7-11.333-8.5-9.833c0,0-3.667,11.657-9,19.995
|
|
433
|
+
c-0.167,2.333-0.333,29.499,0.5,40.166c0.088,1.126,0.266,2.418,0.507,3.819c2.096,5.151,5.185,11.48,7.993,12.353
|
|
434
|
+
c4.833,1.5,8,0.5,11-1.833S110,448.336,109.5,444.67S106.167,426.004,106.167,424.504z"></path>
|
|
435
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_back_23_)" d="M141.844,424.504c0-1.5,2.333-30.834,2.333-30.834s7-11.333,8.5-9.833c0,0,3.667,11.657,9,19.995
|
|
436
|
+
c0.167,2.333,0.333,29.499-0.5,40.166c-0.088,1.126-0.266,2.418-0.507,3.819c-2.096,5.151-5.185,11.48-7.993,12.353
|
|
437
|
+
c-4.833,1.5-8,0.5-11-1.833s-3.667-10.001-3.167-13.667S141.844,426.004,141.844,424.504z"></path>
|
|
438
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_back_10_)" d="M121.667,463.17c0.094,0.016,0.178,0.026,0.269,0.04c0.372-6.063,1.648-19.378,1.648-19.378
|
|
439
|
+
c0-13.48-4.838-29.959-6.608-35.541c-0.42-0.741-6.312-11.186-8.642-17.287l-3,2.833c0,0,1.834,29.499,2.167,30.833
|
|
440
|
+
s3.166,22.166,3.166,23S114.5,462.003,121.667,463.17z"></path>
|
|
441
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_back_24_)" d="M126.344,463.17c-0.094,0.016-0.178,0.026-0.269,0.04c-0.372-6.063-1.648-19.378-1.648-19.378
|
|
442
|
+
c0-13.48,4.838-29.959,6.608-35.541c0.42-0.741,6.312-11.186,8.642-17.287l3,2.833c0,0-1.834,29.499-2.167,30.833
|
|
443
|
+
s-3.166,22.166-3.166,23S133.511,462.003,126.344,463.17z"></path>
|
|
444
|
+
</g>
|
|
445
|
+
|
|
446
|
+
<!-- Soleus (Left) -->
|
|
447
|
+
<linearGradient id="SVGID_back_11_" gradientUnits="userSpaceOnUse" x1="102.4219" y1="454.7246" x2="97.9611" y2="505.712">
|
|
448
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
449
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
450
|
+
</linearGradient>
|
|
451
|
+
|
|
452
|
+
<linearGradient id="SVGID_back_12_" gradientUnits="userSpaceOnUse" x1="102.5391" y1="466.1748" x2="98.3828" y2="513.6808">
|
|
453
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
454
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
455
|
+
</linearGradient>
|
|
456
|
+
|
|
457
|
+
<!-- Soleus (Right) -->
|
|
458
|
+
<linearGradient id="SVGID_back_30_" gradientUnits="userSpaceOnUse" x1="585.1714" y1="455.4746" x2="580.7106" y2="506.4615" gradientTransform="matrix(-1 0 0 1 730.4404 0)">
|
|
459
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
460
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
461
|
+
</linearGradient>
|
|
462
|
+
|
|
463
|
+
<linearGradient id="SVGID_back_31_" gradientUnits="userSpaceOnUse" x1="585.2896" y1="466.9238" x2="581.1333" y2="514.4299" gradientTransform="matrix(-1 0 0 1 730.4404 0)">
|
|
464
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
465
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
466
|
+
</linearGradient>
|
|
467
|
+
|
|
468
|
+
<!-- Soleus -->
|
|
469
|
+
<g id="soleus" class="muscle">
|
|
470
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_back_11_)" d="M111.021,501.629c-0.175-0.698-0.378-1.533-0.526-2.214c-0.452-2.067-0.912-4.132-1.393-6.191
|
|
471
|
+
c-0.85-3.65-1.757-7.287-2.783-10.892c-1.218-4.282-2.552-8.585-4.378-12.653c-0.417-0.929-0.903-1.813-1.357-2.722
|
|
472
|
+
c-1.449-2.897-4.317-4.239-6.673-6.228c-1.186-1.001-2.174-2.204-3.078-3.459c-0.735-1.021-2.022-2.521-2.313-3.762
|
|
473
|
+
c0.908,3.876,2.072,8.128,3.262,12.229c1.01,0.874,1.963,1.718,2.678,2.469c2.5,2.625,7.625,14.75,8.75,17.375
|
|
474
|
+
c0.397,0.927,0.746,1.876,1.104,2.817c0.597,1.57,1.185,3.143,1.77,4.717c0.667,1.794,1.331,3.59,1.993,5.386
|
|
475
|
+
c0.591,1.604,1.18,3.209,1.769,4.814c0.377,1.029,0.758,2.057,1.13,3.087c0.298,0.824,1.152,0.596,0.902-0.571
|
|
476
|
+
C111.583,504.254,111.396,503.129,111.021,501.629z"></path>
|
|
477
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_back_30_)" d="M136.669,502.379c0.175-0.698,0.378-1.533,0.526-2.214c0.452-2.067,0.912-4.132,1.393-6.191
|
|
478
|
+
c0.85-3.65,1.757-7.287,2.783-10.892c1.218-4.282,2.552-8.585,4.378-12.653c0.417-0.929,0.903-1.813,1.357-2.722
|
|
479
|
+
c1.449-2.897,4.317-4.239,6.673-6.228c1.186-1.001,2.174-2.204,3.078-3.459c0.735-1.021,2.022-2.521,2.313-3.762
|
|
480
|
+
c-0.908,3.876-2.072,8.128-3.262,12.229c-1.01,0.874-1.963,1.718-2.678,2.469c-2.5,2.625-7.625,14.75-8.75,17.375
|
|
481
|
+
c-0.397,0.927-0.746,1.876-1.104,2.817c-0.597,1.57-1.185,3.143-1.77,4.717c-0.667,1.794-1.331,3.59-1.993,5.386
|
|
482
|
+
c-0.591,1.604-1.18,3.209-1.769,4.814c-0.377,1.029-0.758,2.057-1.13,3.087c-0.298,0.824-1.152,0.596-0.902-0.571
|
|
483
|
+
C136.107,505.004,136.294,503.879,136.669,502.379z"></path>
|
|
484
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_back_12_)" d="M103.958,493.207c-0.452-2.41-1.13-6.538-1.625-9.663c-1.896-4.389-5.793-13.15-7.875-15.337
|
|
485
|
+
c-0.715-0.751-1.668-1.595-2.678-2.469c-0.05-0.172-0.099-0.348-0.15-0.519c2.477,8.583,5.093,16.584,5.703,19.112
|
|
486
|
+
c0.224,0.928,0.577,2.829,0.999,5.308c0.866,1.886,1.624,3.87,2.001,5.317c1.32,5.062,3.723,10.046,5.94,14.759
|
|
487
|
+
c0.711,1.509,1.469,2.994,2.239,4.473c0.841,1.039,0.976,0.004,0.695-1.231c-0.593-2.614-1.505-5.445-2.375-8.083
|
|
488
|
+
c-0.906-2.748-1.58-5.476-2.184-8.299C104.411,495.455,104.169,494.334,103.958,493.207z"></path>
|
|
489
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_back_31_)" d="M143.732,493.957c0.452-2.41,1.13-6.538,1.625-9.663c1.896-4.389,5.793-13.15,7.875-15.337
|
|
490
|
+
c0.715-0.751,1.668-1.595,2.678-2.469c0.05-0.172,0.099-0.348,0.15-0.519c-2.477,8.583-5.093,16.584-5.703,19.112
|
|
491
|
+
c-0.224,0.928-0.577,2.829-0.999,5.308c-0.866,1.886-1.624,3.87-2.001,5.317c-1.32,5.062-3.723,10.046-5.94,14.759
|
|
492
|
+
c-0.711,1.509-1.469,2.994-2.239,4.473c-0.841,1.039-0.976,0.004-0.695-1.231c0.593-2.614,1.505-5.445,2.375-8.083
|
|
493
|
+
c0.906-2.748,1.58-5.476,2.184-8.299C143.28,496.205,143.521,495.084,143.732,493.957z"></path>
|
|
494
|
+
</g>
|
|
495
|
+
|
|
496
|
+
<g id="tooltip" visibility="hidden">
|
|
497
|
+
<rect x="2" y="2" width="80" height="24" fill="black" opacity="0.4" rx="2" ry="2"></rect>
|
|
498
|
+
<rect width="80" height="24" fill="white" rx="2" ry="2"></rect>
|
|
499
|
+
<polygon points="7,0 12,-10 17,0" fill="black" opacity="0.4"></polygon>
|
|
500
|
+
<polygon points="5,0 10,-10 15,0" fill="white"></polygon>
|
|
501
|
+
<text x="4" y="6">Tooltip</text>
|
|
502
|
+
</g>
|
|
503
|
+
|
|
504
|
+
<script type="text/ecmascript">
|
|
505
|
+
(function () {
|
|
506
|
+
var svg = document.querySelector('svg');
|
|
507
|
+
var tooltip = svg.getElementById('tooltip');
|
|
508
|
+
var tooltipText = tooltip.getElementsByTagName('text')[0];
|
|
509
|
+
var tooltipRects = tooltip.getElementsByTagName('rect');
|
|
510
|
+
var tooltipPolygons = tooltip.getElementsByTagName('polygon');
|
|
511
|
+
var triggers = svg.getElementsByClassName('tooltip-trigger');
|
|
512
|
+
|
|
513
|
+
for (var i = 0; i < triggers.length; i++) {
|
|
514
|
+
triggers[i].addEventListener('mousemove', showTooltip);
|
|
515
|
+
triggers[i].addEventListener('mouseout', hideTooltip);
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
function showTooltip(evt) {
|
|
519
|
+
var CTM = svg.getScreenCTM();
|
|
520
|
+
var x = (evt.clientX - CTM.e + 6) / CTM.a;
|
|
521
|
+
var y = (evt.clientY - CTM.f + 20) / CTM.d;
|
|
522
|
+
|
|
523
|
+
tooltipText.firstChild.data = evt.target.getAttributeNS(null, "data-tooltip-text");
|
|
524
|
+
var length = tooltipText.getComputedTextLength();
|
|
525
|
+
var tooltipWidth = length + 8;
|
|
526
|
+
|
|
527
|
+
for (var i = 0; i < tooltipRects.length; i++) {
|
|
528
|
+
tooltipRects[i].setAttributeNS(null, "width", tooltipWidth);
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
// Get SVG viewBox dimensions
|
|
532
|
+
var viewBox = svg.viewBox.baseVal;
|
|
533
|
+
var svgWidth = viewBox.width;
|
|
534
|
+
|
|
535
|
+
// Check if tooltip would overflow on the right
|
|
536
|
+
if (x + tooltipWidth > svgWidth) {
|
|
537
|
+
x = x - tooltipWidth - 12; // Flip to left side
|
|
538
|
+
// Move arrow to right side
|
|
539
|
+
tooltipPolygons[0].setAttributeNS(null, "points", (tooltipWidth - 7) + ",0 " + (tooltipWidth - 12) + ",-10 " + (tooltipWidth - 17) + ",0");
|
|
540
|
+
tooltipPolygons[1].setAttributeNS(null, "points", (tooltipWidth - 5) + ",0 " + (tooltipWidth - 10) + ",-10 " + (tooltipWidth - 15) + ",0");
|
|
541
|
+
} else {
|
|
542
|
+
// Arrow on left side (default)
|
|
543
|
+
tooltipPolygons[0].setAttributeNS(null, "points", "7,0 12,-10 17,0");
|
|
544
|
+
tooltipPolygons[1].setAttributeNS(null, "points", "5,0 10,-10 15,0");
|
|
545
|
+
}
|
|
546
|
+
|
|
547
|
+
tooltip.setAttributeNS(null, "transform", "translate(" + x + " " + y + ")");
|
|
548
|
+
tooltip.setAttributeNS(null, "visibility", "visible");
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
function hideTooltip(evt) {
|
|
552
|
+
tooltip.setAttributeNS(null, "visibility", "hidden");
|
|
553
|
+
}
|
|
554
|
+
})()
|
|
555
|
+
<\/script>
|
|
556
|
+
|
|
557
|
+
</svg>`,
|
|
558
|
+
"male front": `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="248.333px" height="557.994px" viewBox="0 0 248.333 557.994" enable-background="new 0 0 248.333 557.994" overflow="visible">
|
|
559
|
+
<style type="text/css">
|
|
560
|
+
.muscle {
|
|
561
|
+
cursor: pointer;
|
|
562
|
+
box-shadow: -10px 10px 0 0 rgba(0, 0, 0, .1);
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
.muscle:hover,
|
|
566
|
+
.muscle.active,
|
|
567
|
+
.muscle.focus{
|
|
568
|
+
stroke: red;
|
|
569
|
+
stroke-width: 3;
|
|
570
|
+
fill: #c0133c;
|
|
571
|
+
fill-opacity: 0.5;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
#tooltip {
|
|
575
|
+
dominant-baseline: hanging;
|
|
576
|
+
}
|
|
577
|
+
</style>
|
|
578
|
+
<g id="Body_x5F_base">
|
|
579
|
+
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.5801" y1="277.9492" x2="241.1274" y2="277.9492">
|
|
580
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
581
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
582
|
+
</linearGradient>
|
|
583
|
+
<linearGradient id="grad" gradientTransform="rotate(90)">
|
|
584
|
+
<stop offset="5%" stop-color="#C70D6C"></stop>
|
|
585
|
+
<stop offset="95%" stop-color="#BB1817"></stop>
|
|
586
|
+
</linearGradient>
|
|
587
|
+
<path fill="#FFFFFF" stroke="url(#SVGID_1_)" stroke-miterlimit="10" d="M202.103,152.582c0.303,1.112,3.78,33.957,4.329,37.677
|
|
588
|
+
c0.047,3.624,0.172,6.366,0.421,7.24c0.692,2.422,2.343,3.895,5.449,15.839c0.186,2.286,0.242,4.168,0.176,5.286
|
|
589
|
+
c-0.216,3.675,0.502,35.751,0.701,44.371c0,0,0.002,1.364,0.018,1.723c0,0,0.656,9.906,1.781,11.906c0,0,5.625,4,7.125,5.125
|
|
590
|
+
s7.25,6,7.625,6.625s1.5,5,2.5,6.75s6.375,7.875,8.375,8.875c0,0-0.125,1.625-1.125,2.375s-3.875,0.5-6-0.25s-4.875-3.875-5-4.875
|
|
591
|
+
s-2.25-4.625-3.25-5.25s-1.625,0.625-1.625,0.625l0.625,10.5v22.125c0,0-0.75,2.25-1.375,2.5s-2.25,1-3.875-1.375
|
|
592
|
+
c0,0-0.125,4.125-0.375,5.25s-1.5,1.75-2.5,1.75s-2.125-0.625-2.375-1.75s-0.875-5.5-0.875-5.5s0.125,4-0.25,4.375
|
|
593
|
+
s-3.125,1.625-4.375-2s-3.125-16.625-3.125-16.625l-0.375-1.75l0.375,11.75c0,0-0.625,2-1.625,2.25s-2.25,0.125-2.875-4.25
|
|
594
|
+
s-1.75-11.125-1.75-11.125l-1.625-6.25c0,0-0.875-7.25-1.125-9.875s-0.375-11-0.125-12.75s0.875-5.375,0.875-6
|
|
595
|
+
c0,0,0.083-4.708-0.406-7.641c0,0-8.469-28.859-11.719-35.234s-3-21.781-3-21.781c-0.063-0.625-0.208-1.51-0.208-1.51l-0.25-8.462
|
|
596
|
+
v-1.333c-0.1-0.697-0.553-3.751-1.104-5.789c-0.625-2.313-4.5-18.75-4.5-18.75s-1.396-4.125-1.479-8.125
|
|
597
|
+
c-0.032-1.514-0.445-1.856-0.947-1.699c-0.528,7.47-2.761,9.245-2.761,9.245c0,2.153-0.75,4.904-0.75,4.904
|
|
598
|
+
c-0.042,0.065-0.091,0.121-0.134,0.185c-0.062,0.521-0.151,1.24-0.26,2.016c-0.429,7.972-3.231,13.347-3.231,13.347
|
|
599
|
+
c-1.25,4.186-1.75,13.754-1.75,13.754c1.5,3.404,1.844,7.466,1.844,7.466c0.229,1.42,0.98,9.173,1,11c0,0,1.549,4.269,2.134,6.994
|
|
600
|
+
c1.232,2.686,6.798,16.267,10.963,50.552c6,49.395-8.423,84.298-9.66,87.502c-1.236,3.206-1.941,7.397-2.249,8.24
|
|
601
|
+
c-0.071,0.195-0.138,0.572-0.219,0.993c-0.098,3.282-0.23,7.849-0.23,8.583c0,1.167-1.333,18.167-1.333,18.167l0.007,0.283
|
|
602
|
+
c1.423,11.159,1.383,33.524,0.814,38.618c-0.589,5.271-8.105,37.515-8.105,37.515s-1.788,8.211-3.465,15.297
|
|
603
|
+
c-0.867,5.154-1.626,10.25-1.626,12.287c0,4.75,0,10.375-0.625,12.375c0,0-0.5,6.625,0.625,9.125s4.75,7.625,4.25,11
|
|
604
|
+
s-1.625,3.625-1.625,3.625s-0.375,0.75-1.75,0.75s-3-0.25-3-0.25s-2.75,0.625-3.875,0.125c0,0-2.5,0.375-3.875-0.375
|
|
605
|
+
c0,0-2.875,1.125-5.375,0.125c0,0-2.75,1.75-9.25,0.375c0,0-1.125-0.625-1.625-2.75c0,0-1.125-0.625-0.875-3.375
|
|
606
|
+
s4.25-8.25,4.875-15.25s1.5-12.25,1.5-12.25s1.125-3.75,1.625-5.375s1.579-8.785,1.727-12.518c0,0-2.721-31.682-3.67-38.156
|
|
607
|
+
c-0.949-6.474-0.873-28.486,3.786-47.888c0.227-1.593,0.233-4.635,0.233-4.635s-3.24-20.035-3.23-23.787
|
|
608
|
+
c0.022-8.016-3.674-42.407-4.146-49.646c-0.472-7.239-0.361-45.337-0.361-45.337c-0.412-0.104-0.401-0.533-2.151-0.971
|
|
609
|
+
c-1.209-0.167-2.124,0-2.124,0c-1.75,0.438-1.739,0.867-2.151,0.971c0,0,0.111,38.098-0.361,45.337
|
|
610
|
+
c-0.472,7.239-4.168,41.631-4.146,49.646c0.01,3.752-3.23,23.787-3.23,23.787s-0.047,3.198,0.233,4.635
|
|
611
|
+
c4.658,19.401,4.734,41.414,3.786,47.888c-0.949,6.475-3.67,38.156-3.67,38.156c0.148,3.732,1.227,10.893,1.727,12.518
|
|
612
|
+
s1.625,5.375,1.625,5.375s0.875,5.25,1.5,12.25s4.625,12.5,4.875,15.25s-0.875,3.375-0.875,3.375c-0.5,2.125-1.625,2.75-1.625,2.75
|
|
613
|
+
c-6.5,1.375-9.25-0.375-9.25-0.375c-2.5,1-5.375-0.125-5.375-0.125c-1.375,0.75-3.875,0.375-3.875,0.375
|
|
614
|
+
c-1.125,0.5-3.875-0.125-3.875-0.125s-1.625,0.25-3,0.25s-1.75-0.75-1.75-0.75s-1.125-0.25-1.625-3.625s3.125-8.5,4.25-11
|
|
615
|
+
s0.625-9.125,0.625-9.125c-0.625-2-0.625-7.625-0.625-12.375c0-2.037-0.759-7.133-1.626-12.287
|
|
616
|
+
c-1.678-7.086-3.465-15.297-3.465-15.297s-7.516-32.244-8.105-37.515c-0.569-5.094-0.609-27.459,0.814-38.618l0.007-0.283
|
|
617
|
+
c0,0-1.333-17-1.333-18.167c0-0.734-0.132-5.301-0.23-8.583c-0.081-0.421-0.148-0.798-0.219-0.993
|
|
618
|
+
c-0.308-0.843-1.013-5.034-2.249-8.24c-1.236-3.204-15.66-38.107-9.66-87.502c4.165-34.285,9.73-47.866,10.963-50.552
|
|
619
|
+
c0.585-2.725,2.134-6.994,2.134-6.994c0.02-1.827,0.771-9.58,1-11c0,0,0.344-4.063,1.844-7.466c0,0-0.5-9.568-1.75-13.754
|
|
620
|
+
c0,0-2.802-5.375-3.231-13.347c-0.109-0.776-0.199-1.496-0.26-2.016c-0.043-0.064-0.092-0.12-0.134-0.185
|
|
621
|
+
c0,0-0.75-2.751-0.75-4.904c0,0-2.233-1.775-2.761-9.245c-0.502-0.157-0.916,0.185-0.947,1.699c-0.083,4-1.479,8.125-1.479,8.125
|
|
622
|
+
s-3.875,16.438-4.5,18.75c-0.551,2.038-1.004,5.092-1.104,5.789v1.333l-0.25,8.462c0,0-0.146,0.885-0.208,1.51
|
|
623
|
+
c0,0,0.25,15.406-3,21.781s-11.719,35.234-11.719,35.234c-0.489,2.932-0.406,7.641-0.406,7.641c0,0.625,0.625,4.25,0.875,6
|
|
624
|
+
s0.125,10.125-0.125,12.75s-1.125,9.875-1.125,9.875l-1.625,6.25c0,0-1.125,6.75-1.75,11.125s-1.875,4.5-2.875,4.25
|
|
625
|
+
s-1.625-2.25-1.625-2.25l0.375-11.75l-0.375,1.75c0,0-1.875,13-3.125,16.625s-4,2.375-4.375,2s-0.25-4.375-0.25-4.375
|
|
626
|
+
s-0.625,4.375-0.875,5.5s-1.375,1.75-2.375,1.75s-2.25-0.625-2.5-1.75s-0.375-5.25-0.375-5.25c-1.625,2.375-3.25,1.625-3.875,1.375
|
|
627
|
+
s-1.375-2.5-1.375-2.5v-22.125l0.625-10.5c0,0-0.625-1.25-1.625-0.625s-3.125,4.25-3.25,5.25s-2.875,4.125-5,4.875s-5,1-6,0.25
|
|
628
|
+
s-1.125-2.375-1.125-2.375c2-1,7.375-7.125,8.375-8.875s2.125-6.125,2.5-6.75s6.125-5.5,7.625-6.625s7.125-5.125,7.125-5.125
|
|
629
|
+
c1.125-2,1.781-11.906,1.781-11.906c0.016-0.359,0.018-1.723,0.018-1.723c0.199-8.62,0.917-40.696,0.701-44.371
|
|
630
|
+
c-0.066-1.118-0.009-3,0.176-5.286c3.105-11.944,4.757-13.417,5.449-15.839c0.25-0.874,0.375-3.616,0.421-7.24
|
|
631
|
+
c0.549-3.72,4.025-36.565,4.329-37.677c0.104-0.354,0.583-2.864,0.583-2.864c-0.398-5.504-0.652-18.646,0.25-24.057
|
|
632
|
+
c0.88-5.277,6.167-17.667,13.833-20.25c0,0,0.16-0.042,0.445-0.098c3.208-3.555,7.389-4.439,7.389-4.439s2.875-1.625,5.75-3.375
|
|
633
|
+
s7.974-5.939,9.5-7c8.85-6.151,14.032-8.67,17.354-10.402c0.618-0.784,1.163-1.704,1.438-2.723
|
|
634
|
+
c0.875-3.25-0.375-14.625-0.375-14.625c-0.75-1.375-1.25-7.625-1.25-7.625s-0.563-6.25-1-8.375
|
|
635
|
+
c-0.767-3.724-1.275-7.435-1.375-8.563c-0.438-4.938-0.563-8.875-0.375-11.938c0.183-2.995,1.375-9.125,8-15.75
|
|
636
|
+
c6.29-6.29,14.706-6.495,15.542-6.5c0,0,0.03,0,0.042,0s0.042,0,0.042,0c0.835,0.005,9.251,0.209,15.542,6.5
|
|
637
|
+
c6.625,6.625,7.817,12.755,8,15.75c0.188,3.063,0.063,7-0.375,11.938c-0.1,1.127-0.608,4.839-1.375,8.563
|
|
638
|
+
c-0.438,2.125-1,8.375-1,8.375s-0.5,6.25-1.25,7.625c0,0-1.25,11.375-0.375,14.625c0.238,0.883,0.681,1.688,1.196,2.398
|
|
639
|
+
c3.476,2.045,9.207,5.134,17.594,10.727c1.546,1.031,6.625,5.25,9.5,7s5.75,3.375,5.75,3.375s4.181,0.884,7.389,4.439
|
|
640
|
+
c0.285,0.057,0.445,0.098,0.445,0.098c7.667,2.583,12.953,14.973,13.833,20.25c0.902,5.411,0.648,18.553,0.25,24.057
|
|
641
|
+
C201.52,149.717,201.769,151.665,202.103,152.582z"></path>
|
|
642
|
+
</g>
|
|
643
|
+
|
|
644
|
+
<!-- Pectoralis Major -->
|
|
645
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_2_custom" x1="77.5273" x2="124.5156" y1="133.0034" y2="133.0034">
|
|
646
|
+
<stop offset="0" style="stop-color: rgb(177,131,131);"></stop>
|
|
647
|
+
<stop offset="1" style="stop-color: rgb(183,117,118);"></stop>
|
|
648
|
+
</linearGradient>
|
|
649
|
+
|
|
650
|
+
<g id="pectoralis_major" class="muscle">
|
|
651
|
+
<path data-tooltip-text="Pectoralis Major" class="tooltip-trigger" fill="url(#SVGID_2_custom)" id="muscle-0-interactive" d="M78.042,136.525c6,25.647,24.167,21.4,24.167,21.4c13.833-1.595,19.667-5.427,19.667-5.427 c6.333-3.834-0.5-35-2.167-39.058c-0.367-0.894-1-2.404-1.85-3.709c-0.888-1.362-1.012-1.378-3.024-1.695 c-1.389-0.218-2.768-0.236-4.173-0.207c-6.632,0.145-14.23,0.646-19.838,4.125c-2.681,1.662-5.348,3.706-7.419,6.056 c-1.64,1.861-2.822,3.355-4.112,5.45C79.291,123.46,76.375,131.395,78.042,136.525z M174.766,136.525c-6,25.647-24.167,21.4-24.167,21.4c-13.833-1.595-19.667-5.427-19.667-5.427 c-6.333-3.834,0.5-35,2.167-39.058c0.367-0.894,1-2.404,1.85-3.709c0.888-1.362,1.012-1.378,3.024-1.695 c1.389-0.218,2.768-0.236,4.173-0.207c6.632,0.145,14.23,0.646,19.838,4.125c2.681,1.662,5.348,3.706,7.419,6.056 c1.64,1.861,2.822,3.355,4.112,5.45C173.517,123.46,176.433,131.395,174.766,136.525z"></path>
|
|
652
|
+
</g>
|
|
653
|
+
|
|
654
|
+
<!-- Finger Flexors -->
|
|
655
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_6_" x1="39.958" x2="71.0874" y1="238.0996" y2="238.0996">
|
|
656
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
657
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
658
|
+
</linearGradient>
|
|
659
|
+
|
|
660
|
+
<g id="finger_flexors" class="muscle">
|
|
661
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_6_)" d="M52.708,210.727c0,0,0.459-1.699,2-2.5c1.563-0.813,5-4.188,5-4.188s3.75,5.5,11.375,9.375 c0,0,0.25,15.875-3,22.25s-11.729,35.25-11.729,35.25s-7.082,1.615-11.563,1.167c-3.333-0.333-4.833-1.167-4.833-1.167 s2-12.5,3.5-17S54.833,225.477,52.708,210.727z M200.1,210.727c0,0-0.459-1.699-2-2.5c-1.563-0.813-5-4.188-5-4.188s-3.75,5.5-11.375,9.375 c0,0-0.25,15.875,3,22.25s11.729,35.25,11.729,35.25s7.082,1.615,11.563,1.167c3.333-0.333,4.833-1.167,4.833-1.167s-2-12.5-3.5-17 S197.975,225.477,200.1,210.727z"></path>
|
|
662
|
+
</g>
|
|
663
|
+
|
|
664
|
+
<!-- Deltoid -->
|
|
665
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_3_" x1="50.9287" x2="98.958" y1="137.3198" y2="137.3198">
|
|
666
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
667
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
668
|
+
</linearGradient>
|
|
669
|
+
|
|
670
|
+
<g id="deltoid" class="muscle">
|
|
671
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_3_)" d="M65.375,106.077c0,0,4.083-1.083,8.75,0.255c0,0,21.5-0.25,24.833-0.667 c0,0-21.333,6.5-24.333,26.667c0,0-0.833,5.916-2,7.833s-10.208,8.062-19.792,28.813c0,0-0.792-14.15-1.292-16.317 c-0.5-2.167-1.083-19.833,0-26.333C52.421,121.05,57.708,108.66,65.375,106.077z M187.433,106.077c0,0-4.083-1.083-8.75,0.255c0,0-21.5-0.25-24.833-0.667 c0,0,21.333,6.5,24.333,26.667c0,0,0.833,5.916,2,7.833s10.208,8.062,19.792,28.813c0,0,0.792-14.15,1.292-16.317 c0.5-2.167,1.083-19.833,0-26.333C200.386,121.05,195.1,108.66,187.433,106.077z"></path>
|
|
672
|
+
</g>
|
|
673
|
+
|
|
674
|
+
<!-- Triceps -->
|
|
675
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_4_" x1="46.2803" x2="52.0415" y1="175.665" y2="175.665">
|
|
676
|
+
<stop offset="0" style="stop-color: rgb(159,145,116);"></stop>
|
|
677
|
+
<stop offset="1" style="stop-color: rgb(161,144,90);"></stop>
|
|
678
|
+
</linearGradient>
|
|
679
|
+
|
|
680
|
+
<g id="triceps" class="muscle">
|
|
681
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_4_)" d="M50.708,153.249c0,0,1.083,16.499,1.333,17.582c0,0-0.875,0.959-1,1.793 c-0.125,0.833-2.333,13.334-3.333,25.458c0,0-1.75-4.917-1.375-6.854S50.396,154.394,50.708,153.249z M71.521,202.727c0,0-4.5-4.188-4.313-7.125c0,0-0.25-0.563,0.625-1.875s8.563-13.375,9.313-15.688 c0,0-3.875,16.438-4.5,18.75S71.521,202.727,71.521,202.727z M202.1,153.249c0,0-1.083,16.499-1.333,17.582c0,0,0.875,0.959,1,1.793 c0.125,0.833,2.333,13.334,3.333,25.458c0,0,1.75-4.917,1.375-6.854S202.412,154.394,202.1,153.249z M181.287,202.727c0,0,4.5-4.188,4.313-7.125c0,0,0.25-0.563-0.625-1.875 s-8.563-13.375-9.313-15.688c0,0,3.875,16.438,4.5,18.75S181.287,202.727,181.287,202.727z"></path>
|
|
682
|
+
</g>
|
|
683
|
+
|
|
684
|
+
<!-- Abdominals -->
|
|
685
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_10_" x1="99.6724" x2="125.583" y1="171.4102" y2="171.4102">
|
|
686
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
687
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
688
|
+
</linearGradient>
|
|
689
|
+
|
|
690
|
+
<g id="abdominals" class="muscle">
|
|
691
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_10_)" d="M124.208,158.922c0,0,1.375,2.033,1.375,3.35c0,1.315,0,9.09,0,9.09s-0.125,1.913-2.25,3.229 c-2.125,1.316-17.25,7.774-18.25,8.73c-1,0.957-3.125,1.675-3.875,0.838c-0.75-0.838-1.5-2.631-1.5-5.98 c0-3.349-0.75-11.84,4.625-16.146S121.708,157.846,124.208,158.922z M124.458,179.853c0,0-0.375-2.153-2.375-2.512s-6.5,2.392-6.5,2.392l-12.125,6.698 c0,0-1,0.358-1.5,0.358s-0.375,5.143-0.375,5.861c0,0.717,0,3.229,0.875,4.425s4.875-1.196,6.5-1.794s9.625-2.393,13-2.033 c3.375,0.358,3.125-2.751,3.125-2.751S125.333,182.125,124.458,179.853z M120.083,194.922c0,0,4.375-0.358,5,2.033c0.625,2.393,0.25,8.253,0.125,9.329 c-0.125,1.077-2.5,4.784-5,5.741s-8.875,0-14.125,1.076c0,0-2.75,0.838-2.875-1.674s-1-10.166-0.25-11.123 S113.458,195.401,120.083,194.922z M119.458,213.94c0,0,4.875,2.832,5,5.225s0.25,22.555,0.25,29.125c0,5,0.583,30.6-0.25,31.875 c0,0-3.5-0.479-5-0.797c-1.5-0.32-4.159-3.979-4.625-4.953c-1.375-2.875-7.25-16.375-9.875-28.5 c-0.739-3.416-2.875-20.497-1.875-24.324s1.667-7.017,3.5-7.176S117.5,214.581,119.458,213.94z M128.6,158.922c0,0-1.375,2.033-1.375,3.35c0,1.315,0,9.09,0,9.09s0.125,1.913,2.25,3.229 c2.125,1.316,17.25,7.774,18.25,8.73c1,0.957,3.125,1.675,3.875,0.838c0.75-0.838,1.5-2.631,1.5-5.98 c0-3.349,0.75-11.84-4.625-16.146S131.1,157.846,128.6,158.922z M128.35,179.853c0,0,0.375-2.153,2.375-2.512s6.5,2.392,6.5,2.392l12.125,6.698 c0,0,1,0.358,1.5,0.358s0.375,5.143,0.375,5.861c0,0.717,0,3.229-0.875,4.425s-4.875-1.196-6.5-1.794s-9.625-2.393-13-2.033 c-3.375,0.358-3.125-2.751-3.125-2.751S127.475,182.125,128.35,179.853z M132.725,194.922c0,0-4.375-0.358-5,2.033c-0.625,2.393-0.25,8.253-0.125,9.329 c0.125,1.077,2.5,4.784,5,5.741s8.875,0,14.125,1.076c0,0,2.75,0.838,2.875-1.674s1-10.166,0.25-11.123 S139.35,195.401,132.725,194.922z M133.35,213.94c0,0-4.875,2.832-5,5.225s-0.25,22.555-0.25,29.125c0,5-0.583,30.6,0.25,31.875 c0,0,3.5-0.479,5-0.797c1.5-0.32,4.159-3.979,4.625-4.953c1.375-2.875,7.25-16.375,9.875-28.5 c0.739-3.416,2.875-20.497,1.875-24.324s-1.667-7.017-3.5-7.176S135.308,214.581,133.35,213.94z"></path>
|
|
692
|
+
</g>
|
|
693
|
+
|
|
694
|
+
<!-- Gastrocnemius -->
|
|
695
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_14_" x1="105.1758" x2="120.0073" y1="457.5" y2="457.5">
|
|
696
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
697
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
698
|
+
</linearGradient>
|
|
699
|
+
|
|
700
|
+
<g id="gastrocnemius" class="muscle">
|
|
701
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_14_)" d="M115.74,414.479c0,0-0.176,5.746-3.032,9.16c-2.856,3.414-6.375,7.025-7.375,15.275 c-1.065,8.789,3.375,42.875,10.523,61.607c0,0,2.721-31.682,3.67-38.156C120.475,455.893,120.398,433.879,115.74,414.479z M137.067,414.479c0,0,0.176,5.746,3.032,9.16c2.856,3.414,6.375,7.025,7.375,15.275 c1.065,8.789-3.375,42.875-10.523,61.607c0,0-2.721-31.682-3.67-38.156C132.333,455.893,132.409,433.879,137.067,414.479z"></path>
|
|
702
|
+
</g>
|
|
703
|
+
|
|
704
|
+
<!-- Sartorius & Abductors -->
|
|
705
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_20_" x1="84.5298" x2="123.063" y1="322.0869" y2="322.0869">
|
|
706
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
707
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
708
|
+
</linearGradient>
|
|
709
|
+
|
|
710
|
+
<g id="sartorius_abductors" class="muscle">
|
|
711
|
+
<path data-tooltip-text="Sartorius & Abductors" class="tooltip-trigger" fill="url(#SVGID_20_)" d="M118.737,386.057c-0.022-8.016,3.674-42.408,4.146-49.646c0.472-7.24-0.133-46.079-0.133-46.079 c-9.875-6-16.542-28.542-20.542-35.167c-1.757-2.91-7.375-8.5-9.297-9.965c-1.125-0.857-2.88-1.892-3.661-2.868 c-1.667-2.083-3.542-8.001-3.542-8.001c-2,2.168-1.198,4.34,0.5,13.168c0.833,4.333,1,7.666,2.333,9.166 c16.057,18.062,18.121,36.818,20.667,47c1.5,6,4.094,30.086,5.875,43.583c0.583,4.417,1.458,13.416,1.512,23.641 c-0.22,14.775-3.696,17.311-4.092,18.604c-0.417,1.361-1.642,8.703-0.308,14.121c1.335,5.418,3.311,6.23,3.311,6.23 S118.747,389.809,118.737,386.057z M134.071,386.057c0.022-8.016-3.674-42.408-4.146-49.646c-0.472-7.24,0.133-46.079,0.133-46.079 c9.875-6,16.542-28.542,20.542-35.167c1.757-2.91,7.375-8.5,9.297-9.965c1.125-0.857,2.88-1.892,3.661-2.868 c1.667-2.083,3.542-8.001,3.542-8.001c2,2.168,1.198,4.34-0.5,13.168c-0.833,4.333-1,7.666-2.333,9.166 c-16.057,18.062-18.121,36.818-20.667,47c-1.5,6-4.094,30.086-5.875,43.583c-0.583,4.417-1.458,13.416-1.512,23.641 c0.22,14.775,3.696,17.311,4.092,18.604c0.417,1.361,1.642,8.703,0.308,14.121c-1.335,5.418-3.311,6.23-3.311,6.23 S134.061,389.809,134.071,386.057z"></path>
|
|
712
|
+
</g>
|
|
713
|
+
|
|
714
|
+
<!-- Sternocleidomastoid -->
|
|
715
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_17_" x1="107.229" x2="125.7188" y1="84.0508" y2="84.0508">
|
|
716
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
717
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
718
|
+
</linearGradient>
|
|
719
|
+
|
|
720
|
+
<g id="sternocleidomastoid" class="muscle">
|
|
721
|
+
<path data-tooltip-text="Sternocleidomastoid" class="tooltip-trigger" fill="url(#SVGID_17_)" d="M107.229,62.772c0,0,0.946,17.958,1.198,19.943c0.252,1.986,0.757,17.605-0.504,19.458 c0,0,4.12-1.5,7.062-1.588c1.008-0.03,4.666,0.397,8.448,3.972c0,0,1.892,0.992,2.27,0.728c0.378-0.265-5.758-14.847-6.62-17.804 c-2.815-9.656-3.173-15.354-3.93-16.545C114.396,69.744,107.733,64.228,107.229,62.772z M145.579,62.772c0,0-0.946,17.958-1.198,19.943c-0.252,1.986-0.757,17.605,0.504,19.458 c0,0-4.12-1.5-7.062-1.588c-1.008-0.03-4.666,0.397-8.448,3.972c0,0-1.892,0.992-2.27,0.728c-0.378-0.265,5.758-14.847,6.62-17.804 c2.815-9.656,3.173-15.354,3.93-16.545C138.412,69.744,145.074,64.228,145.579,62.772z"></path>
|
|
722
|
+
</g>
|
|
723
|
+
|
|
724
|
+
<!-- Quadriceps -->
|
|
725
|
+
<linearGradient gradientTransform="matrix(-1 0 0 1 -332.0254 0)" gradientUnits="userSpaceOnUse" id="SVGID_43_" x1="-508.4536" x2="-469.5288" y1="324.6465" y2="324.6465">
|
|
726
|
+
<stop offset="0" style="stop-color: rgb(126,155,181);"></stop>
|
|
727
|
+
<stop offset="1" style="stop-color: rgb(101,142,185);"></stop>
|
|
728
|
+
</linearGradient>
|
|
729
|
+
|
|
730
|
+
<g id="quadriceps" class="muscle">
|
|
731
|
+
<path data-tooltip-text="Quadriceps" class="tooltip-trigger" fill="url(#SVGID_43_)" d="M143.933,309.498c0,0-3.208,28.333-4.542,38.333c-1.047,7.852-6.027,41.003,6.206,42.962 c7.664-1.539,10.169-7.795,11.169-10.129c1-2.332,4.333-6.166,4.333-6.166c6.167-4.334,7.564-9.09,7.564-9.09 c5.13-12.164,9.891-40.885,6.769-77.473c0,0-1.377-5.721-2.667-8.435c-3.828-8.061-6.833-18.166-7.833-21 C164.933,258.5,152.266,266.495,143.933,309.498z M108.875,309.498c0,0,3.208,28.333,4.542,38.333c1.047,7.852,6.027,41.003-6.206,42.962 c-7.664-1.539-10.169-7.795-11.169-10.129c-1-2.332-4.333-6.166-4.333-6.166c-6.167-4.334-7.564-9.09-7.564-9.09 c-5.13-12.164-9.891-40.885-6.769-77.473c0,0,1.377-5.721,2.667-8.435c3.828-8.061,6.833-18.166,7.833-21 C87.875,258.5,100.542,266.495,108.875,309.498z"></path>
|
|
732
|
+
</g>
|
|
733
|
+
|
|
734
|
+
<!-- Brachioradialis -->
|
|
735
|
+
<linearGradient gradientTransform="matrix(-1 0 0 1 -332.0254 0)" gradientUnits="userSpaceOnUse" id="SVGID_44_" x1="-545.25" x2="-532.6807" y1="231.106" y2="231.106">
|
|
736
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
737
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
738
|
+
</linearGradient>
|
|
739
|
+
|
|
740
|
+
<g id="brachioradialis" class="muscle">
|
|
741
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_44_)" d="M200.725,209.415c3.165-4.747,4.96-9.754,5.893-12.992c0.062,0.813,0.138,1.412,0.232,1.742 c0.692,2.422,2.343,3.895,5.449,15.839c0.186,2.286,0.242,4.169,0.176,5.286c-0.25,4.25,0.75,46.5,0.75,46.5 c-0.875-6.625-8.125-26.125-10.625-37.5S200.725,209.415,200.725,209.415z M52.083,209.415c-3.165-4.747-4.96-9.754-5.893-12.992c-0.062,0.813-0.138,1.412-0.232,1.742 c-0.692,2.422-2.343,3.895-5.449,15.839c-0.186,2.286-0.242,4.169-0.176,5.286c0.25,4.25-0.75,46.5-0.75,46.5 c0.875-6.625,8.125-26.125,10.625-37.5S52.083,209.415,52.083,209.415z"></path>
|
|
742
|
+
</g>
|
|
743
|
+
|
|
744
|
+
<!-- Trapezius -->
|
|
745
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_18_" x1="72.917" x2="107.5298" y1="91.4072" y2="91.4072">
|
|
746
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
747
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
748
|
+
</linearGradient>
|
|
749
|
+
|
|
750
|
+
<g id="trapezius" class="muscle">
|
|
751
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_18_)" d="M106.809,79.04c0.307,3.086,0.532,6.221,0.682,9.322c0.12,2.486-0.062,4.957-0.126,7.441 c-0.045,1.741,0.361,4.069-0.817,5.529c-2.239,2.774-8.049,2.271-11.148,2.293c-3.904,0.028-7.811,0.089-11.714,0.149 c-3.684,0.056-7.068-2.442-10.768-2.442c0,0,2.916-1.625,6.083-3.375c3.167-1.75,8.402-6.125,9.917-7.375 S103.917,80.665,106.809,79.04z M145.999,79.04c-0.307,3.086-0.532,6.221-0.682,9.322c-0.12,2.486,0.062,4.957,0.126,7.441 c0.045,1.741-0.361,4.069,0.817,5.529c2.239,2.774,8.049,2.271,11.148,2.293c3.904,0.028,7.811,0.089,11.714,0.149 c3.684,0.056,7.068-2.442,10.768-2.442c0,0-2.916-1.625-6.083-3.375c-3.167-1.75-8.402-6.125-9.917-7.375 S148.891,80.665,145.999,79.04z"></path>
|
|
752
|
+
</g>
|
|
753
|
+
|
|
754
|
+
<!-- Biceps -->
|
|
755
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_19_" x1="48.3745" x2="77.793" y1="175.6011" y2="175.6011">
|
|
756
|
+
<stop offset="0" style="stop-color: rgb(203,174,104);"></stop>
|
|
757
|
+
<stop offset="1" style="stop-color: rgb(208,168,70);"></stop>
|
|
758
|
+
</linearGradient>
|
|
759
|
+
|
|
760
|
+
<g id="biceps" class="muscle">
|
|
761
|
+
<path data-tooltip-text="Biceps" class="tooltip-trigger" fill="url(#SVGID_19_)" d="M76.792,175.328c1.583-7.583,1.416-27.409-1.417-36.496c0,0-0.255-0.076-0.851,0.568l0.018-0.069 c0,0-1.5,2-3.583,3.917s-11.25,12.833-18.833,29.25c0,0-2.667,12.247-3.75,27.33c0,0,1.021,3.273,4.417,8.916 c0,0,5.166-4.582,6.583-5.666c0,0,0.651-0.329,1.207-0.097c2.048,4.42,10.71,9.392,10.71,9.392l0.25-8.463 c0,0-5.834-4.833-5.167-8.75C67.042,191.245,75.208,182.911,76.792,175.328z M176.016,175.328c-1.583-7.583-1.416-27.409,1.417-36.496c0,0,0.255-0.076,0.851,0.568 l-0.018-0.069c0,0,1.5,2,3.583,3.917s11.25,12.833,18.833,29.25c0,0,2.667,12.247,3.75,27.33c0,0-1.021,3.273-4.417,8.916 c0,0-5.166-4.582-6.583-5.666c0,0-0.651-0.329-1.207-0.097c-2.048,4.42-10.71,9.392-10.71,9.392l-0.25-8.463 c0,0,5.834-4.833,5.167-8.75C185.766,191.245,177.599,182.911,176.016,175.328z"></path>
|
|
762
|
+
</g>
|
|
763
|
+
|
|
764
|
+
<!-- Peroneus Longus -->
|
|
765
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_16_" x1="85.0171" x2="105.689" y1="465.7764" y2="465.7764">
|
|
766
|
+
<stop offset="0" style="stop-color: rgb(150,106,132);"></stop>
|
|
767
|
+
<stop offset="1" style="stop-color: rgb(145,86,123);"></stop>
|
|
768
|
+
</linearGradient>
|
|
769
|
+
|
|
770
|
+
<g id="peroneus_longus" class="muscle">
|
|
771
|
+
<path data-tooltip-text="Peroneus Longus" class="tooltip-trigger" fill="url(#SVGID_16_)" d="M102.597,500.615c0,0,5.181,18.668,2.129,20.324c-3.052,1.658-4.125-4.127-5.926-10.686 s-5.309-22.674-5.309-22.674s-7.516-32.244-8.105-37.514c-0.589-5.271-0.612-29.033,0.967-39.74c0,0-0.646,29.244,2.486,41.346 C91.97,463.773,102.597,500.615,102.597,500.615z M150.21,500.615c0,0-5.181,18.668-2.129,20.324c3.052,1.658,4.125-4.127,5.926-10.686 s5.309-22.674,5.309-22.674s7.516-32.244,8.105-37.514c0.589-5.271,0.612-29.033-0.967-39.74c0,0,0.646,29.244-2.486,41.346 C160.838,463.773,150.21,500.615,150.21,500.615z"></path>
|
|
772
|
+
</g>
|
|
773
|
+
|
|
774
|
+
<!-- External Oblique -->
|
|
775
|
+
<linearGradient gradientTransform="matrix(-1 0 0 1 -332.0254 0)" gradientUnits="userSpaceOnUse" id="SVGID_29_" x1="-506.6226" x2="-486.9468" y1="166.9961" y2="166.9961">
|
|
776
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
777
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
778
|
+
</linearGradient>
|
|
779
|
+
|
|
780
|
+
<g id="external_oblique" class="muscle">
|
|
781
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_29_)" d="M173.225,144.332c0,0-0.875,13.634-17.75,17.581l0.875,1.436c0,0-2.375,5.621-1,9.209 s2.875,3.828,2.875,3.828s-3,3.826-3.125,7.176c-0.125,3.349,0.5,5.382,2.125,6.1c0,0,8.5-1.076,12.5-7.296 c0,0,0.75-2.751,0.75-4.903c0,0,2.875-2.273,2.875-12.559c0,0,0.375-0.718,0.625-2.393 C174.225,160.836,175.6,152.943,173.225,144.332z M169.35,184.278c0,0-3.75,4.307-11.75,6.459c0,0-3.5,2.87-3.5,6.817 c0,3.946,0.875,5.741,1.625,5.979c0,0-2.625,3.708-2.5,6.697c0.125,2.99,1,5.383,3.125,5.742c0,0,5.75-1.316,8-4.307 c0,0,0.5-9.568,1.75-13.754C166.1,197.913,168.975,192.411,169.35,184.278z M164.808,213.665c0,0-1.333,1.983-10.208,4.75c0,0-2.625,1.509-2.5,6.162 c0.125,4.652-0.625,19.186-2.5,23.713c0,0,11.917-9.576,17.292-17.875c0,0-0.917-11.948-1.167-13.583 S165.641,215.165,164.808,213.665z M79.583,144.332c0,0,0.875,13.634,17.75,17.581l-0.875,1.436c0,0,2.375,5.621,1,9.209 s-2.875,3.828-2.875,3.828s3,3.826,3.125,7.176c0.125,3.349-0.5,5.382-2.125,6.1c0,0-8.5-1.076-12.5-7.296 c0,0-0.75-2.751-0.75-4.903c0,0-2.875-2.273-2.875-12.559c0,0-0.375-0.718-0.625-2.393 C78.583,160.836,77.208,152.943,79.583,144.332z M83.458,184.278c0,0,3.75,4.307,11.75,6.459c0,0,3.5,2.87,3.5,6.817 c0,3.946-0.875,5.741-1.625,5.979c0,0,2.625,3.708,2.5,6.697c-0.125,2.99-1,5.383-3.125,5.742c0,0-5.75-1.316-8-4.307 c0,0-0.5-9.568-1.75-13.754C86.708,197.913,83.833,192.411,83.458,184.278z M88,213.665c0,0,1.333,1.983,10.208,4.75c0,0,2.625,1.509,2.5,6.162 c-0.125,4.652,0.625,19.186,2.5,23.713c0,0-11.917-9.576-17.292-17.875c0,0,0.917-11.948,1.167-13.583S87.167,215.165,88,213.665z"></path>
|
|
782
|
+
</g>
|
|
783
|
+
|
|
784
|
+
<!-- Tensor Fasciae Latae -->
|
|
785
|
+
<linearGradient gradientTransform="matrix(-1 0 0 1 -332.0254 0)" gradientUnits="userSpaceOnUse" id="SVGID_45_" x1="-513.9658" x2="-497.4053" y1="313.543" y2="313.543">
|
|
786
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
787
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
788
|
+
</linearGradient>
|
|
789
|
+
|
|
790
|
+
<g id="tensor_fasciae_latae" class="muscle">
|
|
791
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_45_)" d="M169.866,238.603c0,0-2.129,14.196-2.135,18.074c-0.006,3.876,0.4,6.928,1.082,8.783 c0.683,1.855,6.962,17.045,8.384,22.629s4.466,69.605-11.803,88.277c0,0-0.26,7.846,1.502,10.959 c1.763,3.115,1.33-0.945,1.495-1.826c0.5-2.667,0.983-5.839,1.833-9.167c1-3.916,15.708-37.958,10.667-86.583 C176.642,248.768,169.866,238.603,169.866,238.603z M82.941,238.603c0,0,2.129,14.196,2.135,18.074c0.006,3.876-0.4,6.928-1.082,8.783 c-0.683,1.855-6.962,17.045-8.384,22.629s-4.466,69.605,11.803,88.277c0,0,0.26,7.846-1.502,10.959 c-1.763,3.115-1.33-0.945-1.495-1.826c-0.5-2.667-0.983-5.839-1.833-9.167c-1-3.916-15.708-37.958-10.667-86.583 C76.166,248.768,82.941,238.603,82.941,238.603z"></path>
|
|
792
|
+
</g>
|
|
793
|
+
|
|
794
|
+
<!-- Tibialis Anterior -->
|
|
795
|
+
<linearGradient gradientUnits="userSpaceOnUse" id="SVGID_15_" x1="87.9873" x2="113.6328" y1="461.4883" y2="461.4883">
|
|
796
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
797
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
798
|
+
</linearGradient>
|
|
799
|
+
|
|
800
|
+
<g id="tibialis_anterior" class="muscle">
|
|
801
|
+
<path data-tooltip-text="Tibialis Anterior" class="tooltip-trigger" fill="url(#SVGID_15_)" d="M89.717,406.646c0,0,5.616,6.643,7.991,16.518c1.553,6.459,15.925,92.766,15.925,92.766 s-1.59,2.953-5.533-7.172c-3.942-10.125-11.454-34.367-12.822-38.66c-1.37-4.295-5.258-16.17-6.086-29.951 S86.711,406.805,89.717,406.646z M163.09,406.646c0,0-5.616,6.643-7.991,16.518c-1.553,6.459-15.925,92.766-15.925,92.766 s1.59,2.953,5.533-7.172c3.942-10.125,11.454-34.367,12.822-38.66c1.37-4.295,5.258-16.17,6.086-29.951 S166.097,406.805,163.09,406.646z"></path>
|
|
802
|
+
</g>
|
|
803
|
+
|
|
804
|
+
<g id="tooltip" visibility="hidden">
|
|
805
|
+
<rect x="2" y="2" width="80" height="24" fill="black" opacity="0.4" rx="2" ry="2"></rect>
|
|
806
|
+
<rect width="80" height="24" fill="white" rx="2" ry="2"></rect>
|
|
807
|
+
<polygon points="7,0 12,-10 17,0" fill="black" opacity="0.4"></polygon>
|
|
808
|
+
<polygon points="5,0 10,-10 15,0" fill="white"></polygon>
|
|
809
|
+
<text x="4" y="6">Tooltip</text>
|
|
810
|
+
</g>
|
|
811
|
+
|
|
812
|
+
<script type="text/ecmascript">
|
|
813
|
+
(function () {
|
|
814
|
+
var svg = document.querySelector('svg');
|
|
815
|
+
var tooltip = svg.getElementById('tooltip');
|
|
816
|
+
var tooltipText = tooltip.getElementsByTagName('text')[0];
|
|
817
|
+
var tooltipRects = tooltip.getElementsByTagName('rect');
|
|
818
|
+
var tooltipPolygons = tooltip.getElementsByTagName('polygon');
|
|
819
|
+
var triggers = svg.getElementsByClassName('tooltip-trigger');
|
|
820
|
+
|
|
821
|
+
for (var i = 0; i < triggers.length; i++) {
|
|
822
|
+
triggers[i].addEventListener('mousemove', showTooltip);
|
|
823
|
+
triggers[i].addEventListener('mouseout', hideTooltip);
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
function showTooltip(evt) {
|
|
827
|
+
var CTM = svg.getScreenCTM();
|
|
828
|
+
var x = (evt.clientX - CTM.e + 6) / CTM.a;
|
|
829
|
+
var y = (evt.clientY - CTM.f + 20) / CTM.d;
|
|
830
|
+
|
|
831
|
+
tooltipText.firstChild.data = evt.target.getAttributeNS(null, "data-tooltip-text");
|
|
832
|
+
var length = tooltipText.getComputedTextLength();
|
|
833
|
+
var tooltipWidth = length + 8;
|
|
834
|
+
|
|
835
|
+
for (var i = 0; i < tooltipRects.length; i++) {
|
|
836
|
+
tooltipRects[i].setAttributeNS(null, "width", tooltipWidth);
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
// Get SVG viewBox dimensions
|
|
840
|
+
var viewBox = svg.viewBox.baseVal;
|
|
841
|
+
var svgWidth = viewBox.width;
|
|
842
|
+
|
|
843
|
+
// Check if tooltip would overflow on the right
|
|
844
|
+
if (x + tooltipWidth > svgWidth) {
|
|
845
|
+
x = x - tooltipWidth - 12; // Flip to left side
|
|
846
|
+
// Move arrow to right side
|
|
847
|
+
tooltipPolygons[0].setAttributeNS(null, "points", (tooltipWidth - 7) + ",0 " + (tooltipWidth - 12) + ",-10 " + (tooltipWidth - 17) + ",0");
|
|
848
|
+
tooltipPolygons[1].setAttributeNS(null, "points", (tooltipWidth - 5) + ",0 " + (tooltipWidth - 10) + ",-10 " + (tooltipWidth - 15) + ",0");
|
|
849
|
+
} else {
|
|
850
|
+
// Arrow on left side (default)
|
|
851
|
+
tooltipPolygons[0].setAttributeNS(null, "points", "7,0 12,-10 17,0");
|
|
852
|
+
tooltipPolygons[1].setAttributeNS(null, "points", "5,0 10,-10 15,0");
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
tooltip.setAttributeNS(null, "transform", "translate(" + x + " " + y + ")");
|
|
856
|
+
tooltip.setAttributeNS(null, "visibility", "visible");
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
function hideTooltip(evt) {
|
|
860
|
+
tooltip.setAttributeNS(null, "visibility", "hidden");
|
|
861
|
+
}
|
|
862
|
+
})()
|
|
863
|
+
<\/script>
|
|
864
|
+
|
|
865
|
+
</svg>`,
|
|
866
|
+
"female front": `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="171.852px" height="546.3px" viewBox="0 0 171.852 546.3" enable-background="new 0 0 171.852 546.3" overflow="visible">
|
|
867
|
+
<style type="text/css">
|
|
868
|
+
.muscle {
|
|
869
|
+
cursor: pointer;
|
|
870
|
+
box-shadow: -10px 10px 0 0 rgba(0, 0, 0, .1);
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
.muscle:hover,
|
|
874
|
+
.muscle.active,
|
|
875
|
+
.muscle.focus{
|
|
876
|
+
stroke: red;
|
|
877
|
+
stroke-width: 3;
|
|
878
|
+
fill: #c0133c;
|
|
879
|
+
fill-opacity: 0.5;
|
|
880
|
+
}
|
|
881
|
+
|
|
882
|
+
#tooltip {
|
|
883
|
+
dominant-baseline: hanging;
|
|
884
|
+
}
|
|
885
|
+
</style>
|
|
886
|
+
|
|
887
|
+
<linearGradient id="SVGID_body_outline_front" gradientUnits="userSpaceOnUse" x1="15.3335" y1="274.7173" x2="232.4595" y2="274.7173">
|
|
888
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
889
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
890
|
+
</linearGradient>
|
|
891
|
+
|
|
892
|
+
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="58.5225" y1="114.1377" x2="58.5225" y2="157.7754">
|
|
893
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
894
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
895
|
+
</linearGradient>
|
|
896
|
+
|
|
897
|
+
<linearGradient id="SVGID_35_" gradientUnits="userSpaceOnUse" x1="37.21" y1="114.1382" x2="37.21" y2="157.7754" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
898
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
899
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
900
|
+
</linearGradient>
|
|
901
|
+
|
|
902
|
+
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="62.7241" y1="90.4087" x2="62.7241" y2="131.9106">
|
|
903
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
904
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
905
|
+
</linearGradient>
|
|
906
|
+
|
|
907
|
+
<linearGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" x1="41.4116" y1="90.4092" x2="41.4116" y2="131.9111" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
908
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
909
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
910
|
+
</linearGradient>
|
|
911
|
+
|
|
912
|
+
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="75.9321" y1="209.3965" x2="75.9321" y2="266.5371">
|
|
913
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
914
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
915
|
+
</linearGradient>
|
|
916
|
+
|
|
917
|
+
<linearGradient id="SVGID_40_" gradientUnits="userSpaceOnUse" x1="54.6196" y1="209.397" x2="54.6196" y2="266.5376" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
918
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
919
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
920
|
+
</linearGradient>
|
|
921
|
+
|
|
922
|
+
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="57.1587" y1="253.5166" x2="57.1587" y2="381.4932">
|
|
923
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
924
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
925
|
+
</linearGradient>
|
|
926
|
+
|
|
927
|
+
<linearGradient id="SVGID_50_" gradientUnits="userSpaceOnUse" x1="35.8462" y1="253.5166" x2="35.8462" y2="381.4922" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
928
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
929
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
930
|
+
</linearGradient>
|
|
931
|
+
|
|
932
|
+
<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="55.3174" y1="446.9419" x2="80.0713" y2="446.9419" gradientTransform="matrix(0.9999 0.0024 0.0024 0.921 -1.5577 38.9259)">
|
|
933
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
934
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
935
|
+
</linearGradient>
|
|
936
|
+
|
|
937
|
+
<linearGradient id="SVGID_29_" gradientUnits="userSpaceOnUse" x1="34.1475" y1="446.9966" x2="58.9023" y2="446.9966" gradientTransform="matrix(-0.9999 0.0024 -0.0024 0.921 152.4649 38.9259)">
|
|
938
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
939
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
940
|
+
</linearGradient>
|
|
941
|
+
|
|
942
|
+
<linearGradient id="SVGID_24_" gradientUnits="userSpaceOnUse" x1="71.1313" y1="445.0464" x2="84.7314" y2="445.0464">
|
|
943
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
944
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
945
|
+
</linearGradient>
|
|
946
|
+
|
|
947
|
+
<linearGradient id="SVGID_31_" gradientUnits="userSpaceOnUse" x1="49.9644" y1="445.0464" x2="63.5645" y2="445.0464" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
948
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
949
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
950
|
+
</linearGradient>
|
|
951
|
+
|
|
952
|
+
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="73.1563" y1="143.9507" x2="73.1563" y2="177.583">
|
|
953
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
954
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
955
|
+
</linearGradient>
|
|
956
|
+
|
|
957
|
+
<linearGradient id="SVGID_37_" gradientUnits="userSpaceOnUse" x1="51.8438" y1="143.9512" x2="51.8438" y2="177.5835" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
958
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
959
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
960
|
+
</linearGradient>
|
|
961
|
+
|
|
962
|
+
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="42.3745" y1="226.4917" x2="42.3745" y2="280.0161">
|
|
963
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
964
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
965
|
+
</linearGradient>
|
|
966
|
+
|
|
967
|
+
<linearGradient id="SVGID_42_" gradientUnits="userSpaceOnUse" x1="21.062" y1="226.4922" x2="21.062" y2="280.0166" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
968
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
969
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
970
|
+
</linearGradient>
|
|
971
|
+
|
|
972
|
+
<g id="Body_female_front">
|
|
973
|
+
<path fill="#FFFFFF" stroke="url(#SVGID_body_outline_front)" stroke-width="2" stroke-miterlimit="10" d="M86.352,278.795c0.402,0.394,0.797,0.877,1.103,1.489c1,2,1.166,32,1.5,34.166
|
|
974
|
+
c0.333,2.166,0,43.168,0,50.002s0.666,28.998,0.832,30.498c0.167,1.5,0.334,9.334,0.334,10.168c0,0.832,0,9.666-0.5,11.832
|
|
975
|
+
c-0.5,2.168-2.5,13.168-2.5,22.334s2.334,26.666,2.667,30.334c0.333,3.666,0.833,29.832,0.833,29.832s-0.166,4.334-0.5,6
|
|
976
|
+
c-0.334,1.668-3,11.5-3,11.5s0.834,16.334,0.834,17c0,0.668-0.5,4-0.667,6.5s0.667,4.668,0.667,4.668s1,0.332,3,0.832
|
|
977
|
+
s5.333,0.168,6.333,0c1-0.166,1-0.166,1-0.166c1.5,1.332,5-0.334,5-0.334c2,0.834,3.5-0.166,3.5-0.166
|
|
978
|
+
c2.333,0.832,2.667-0.334,2.667-0.334l1.833-0.5c1-2.5-0.333-5.666-0.5-6.332s-3.167-7.668-4-9.334c-0.833-1.668-2-8.666-2-8.666
|
|
979
|
+
s0.167-4.668,0.333-5.334c0.166-0.668,0.667-3.5,1-9.334c0.333-5.832,8.667-38.832,8.667-38.832
|
|
980
|
+
c5.667-35.666,4.333-61.5,4.333-63.168c0-1.666-0.334-14.332-0.334-14.332s1.5-10.334,1.668-11
|
|
981
|
+
c0.166-0.668,6.91-37.736,11.832-60.5c5.334-24.668,5.834-40.834,5.834-40.834c-0.667-19.833-5.333-41.333-5.333-41.333
|
|
982
|
+
s-3.5-12.333-5-16.833s-6.833-15.167-7-17.333s0.667-6,1-9.167s3.5-16.333,4.667-20.333c1.166-4,3.666-18.333,3.666-18.333
|
|
983
|
+
s2.5,13.333,3.667,17.667s1.833,17.667,1.833,17.667c-0.5,9,1.5,24.833,2.667,28.667s5.333,27,5.333,27.25l0.694,7.271
|
|
984
|
+
c0.168,2.535,0.436,8.86,0.436,9.229c0,0.458-0.723,4.793-0.834,8.583c-0.083,2.833,0.45,3.872,0.71,6.958
|
|
985
|
+
c0.089,1.057,0.333,3.333,0.333,3.333s0.417,3.917,0.417,4.417s0.25,8.042,0.25,8.042s0.125,8.292,0.542,11.458
|
|
986
|
+
s1.833,2.75,1.833,2.75c0.792-0.084,1.292-0.375,1.5-0.666s0.292-3.209,0.292-3.668c0-0.457,0.291-7.042,0.291-7.208
|
|
987
|
+
s0.167-6.167,0.167-6.833s0.333-0.708,0.333-0.708s0.292,3.708,0.292,4.083s0.125,4.25,0.125,4.917s0.458,6.333,0.458,6.708
|
|
988
|
+
s0.167,4.541,0.375,6c0.208,1.457,1.709,1.416,1.709,1.416c2.584-0.666,2.041-4.5,2.083-4.916c0.042-0.418,0.125-4.584,0.083-5.334
|
|
989
|
+
s-0.291-10.375-0.291-10.625s0-2.75,0-2.75s0.291,0.083,0.375,0.292s0.291,7.5,0.291,7.708s0.459,5.833,0.584,7.208
|
|
990
|
+
s0.208,6.209,0.5,8s1.875,1.959,1.875,1.959c2.375-0.084,2.083-3.875,2.083-3.875s0.125-5.125,0.125-5.709
|
|
991
|
+
s0.284-13.382,0.187-14.521c-0.125-1.458,0.313-1.562,0.313-1.562c0.499,0.771,0.499,3.021,0.499,3.021
|
|
992
|
+
c0.313,5.438,0.384,5.078,0.583,7.771c0.125,1.688,0.563,5.562,0.729,7.229c0.166,1.666,0.938,2.771,1.396,3.146
|
|
993
|
+
s1.083,0.207,1.083,0.207c2.291-0.209,1.958-4.291,1.708-5.916s-0.5-8-0.625-9.625s-0.313-9.688-0.313-9.688
|
|
994
|
+
s0.137,2.694,0.479,4.854c0.238,1.498,0.639,2.583,0.896,2.979c1.375,2.125,3.313,0.313,3.313,0.313s-0.209-1.375-0.417-3.25
|
|
995
|
+
c-0.16-1.442,0.36-4.041,0.667-5.958c0.321-2.009-0.188-3.625-0.563-4.625s-1.188-5.5-1.438-6.5s-1.25-2.125-1.25-2.125
|
|
996
|
+
s-2.25-3-3.125-3.875s-2.705-3.256-3.041-4.542c-1.834-7.021-2.13-10.958-2.13-10.958c-0.75-3,0.25-47.25-1.25-54.75
|
|
997
|
+
s-5-21.25-5-21.25c-2.5-12-5.25-45.75-5.25-45.75c-0.25-5.25,1.75-16.75-0.5-26.75s-7-13.75-9.25-15.5s-9-1.75-16.5-2.5
|
|
998
|
+
c-2.246-0.225-4.46-0.615-6.533-1.146c-3.493-0.767-6.912-2.096-7.762-2.437c0.007-0.014,0.016-0.028,0.023-0.042
|
|
999
|
+
c-0.868-0.335-2.042-0.965-2.866-1.417c-0.187-0.102-0.363-0.208-0.537-0.313c-0.133-0.092-0.252-0.182-0.347-0.27h-0.074
|
|
1000
|
+
c-2.759-1.832-3.738-4-3.738-4c-2.25-5.375-0.679-15.375-0.679-15.375c3.125-2.625,5.375-9.125,5.375-9.375s0.25-2.083,0.416-3.083
|
|
1001
|
+
c0.167-1,0.834-5.25,0.917-6.25s0.417-2.5,0.5-3s0.583-3.833,0.583-3.833s3.084-13.75-3.5-22.833
|
|
1002
|
+
c-6.021-8.307-16.414-9.155-18.149-9.239V0c-0.006,0-0.017,0.001-0.022,0.001C86.054,0.001,86.043,0,86.037,0v0.003
|
|
1003
|
+
c-0.03,0.001-0.074,0.004-0.111,0.007c-0.037-0.002-0.081-0.005-0.111-0.007V0c-0.006,0-0.017,0.001-0.023,0.001
|
|
1004
|
+
C85.785,0.001,85.774,0,85.769,0v0.003C84.033,0.087,73.64,0.935,67.619,9.242c-6.584,9.083-3.5,22.833-3.5,22.833
|
|
1005
|
+
s0.5,3.333,0.583,3.833s0.417,2,0.5,3s0.75,5.25,0.917,6.25c0.166,1,0.416,2.833,0.416,3.083s2.25,6.75,5.375,9.375
|
|
1006
|
+
c0,0,1.571,10-0.679,15.375c0,0-0.979,2.168-3.738,4h-0.074c-0.095,0.088-0.214,0.178-0.347,0.27
|
|
1007
|
+
c-0.174,0.106-0.351,0.211-0.537,0.313c-0.824,0.451-1.998,1.082-2.866,1.417c0.008,0.014,0.017,0.028,0.023,0.042
|
|
1008
|
+
c-0.85,0.341-4.269,1.67-7.762,2.437c-2.073,0.532-4.287,0.922-6.533,1.146c-7.5,0.75-14.25,0.75-16.5,2.5s-7,5.5-9.25,15.5
|
|
1009
|
+
s-0.25,21.5-0.5,26.75c0,0-2.75,33.75-5.25,45.75c0,0-3.5,13.75-5,21.25s-0.5,51.75-1.25,54.75c0,0-0.296,3.938-2.13,10.958
|
|
1010
|
+
c-0.336,1.286-2.166,3.667-3.041,4.542s-3.125,3.875-3.125,3.875s-1,1.125-1.25,2.125s-1.063,5.5-1.438,6.5
|
|
1011
|
+
s-0.884,2.616-0.563,4.625c0.307,1.918,0.827,4.517,0.667,5.958c-0.208,1.875-0.417,3.25-0.417,3.25s1.938,1.812,3.313-0.313
|
|
1012
|
+
c0.257-0.396,0.657-1.481,0.896-2.979c0.343-2.16,0.479-4.854,0.479-4.854s-0.188,8.063-0.313,9.688s-0.375,8-0.625,9.625
|
|
1013
|
+
s-0.583,5.707,1.708,5.916c0,0,0.625,0.168,1.083-0.207s1.23-1.48,1.396-3.146c0.166-1.668,0.604-5.541,0.729-7.229
|
|
1014
|
+
c0.199-2.693,0.271-2.333,0.583-7.771c0,0,0-2.25,0.499-3.021c0,0,0.438,0.104,0.313,1.562c-0.098,1.14,0.187,13.938,0.187,14.521
|
|
1015
|
+
s0.125,5.709,0.125,5.709s-0.292,3.791,2.083,3.875c0,0,1.583-0.168,1.875-1.959s0.375-6.625,0.5-8s0.584-7,0.584-7.208
|
|
1016
|
+
s0.207-7.5,0.291-7.708s0.375-0.292,0.375-0.292s0,2.5,0,2.75s-0.249,9.875-0.291,10.625s0.041,4.916,0.083,5.334
|
|
1017
|
+
c0.042,0.416-0.501,4.25,2.083,4.916c0,0,1.501,0.041,1.709-1.416c0.208-1.459,0.375-5.625,0.375-6s0.458-6.042,0.458-6.708
|
|
1018
|
+
s0.125-4.542,0.125-4.917s0.292-4.083,0.292-4.083s0.333,0.041,0.333,0.708s0.167,6.667,0.167,6.833s0.291,6.751,0.291,7.208
|
|
1019
|
+
c0,0.459,0.084,3.377,0.292,3.668s0.708,0.582,1.5,0.666c0,0,1.416,0.416,1.833-2.75s0.542-11.458,0.542-11.458
|
|
1020
|
+
s0.25-7.542,0.25-8.042s0.417-4.417,0.417-4.417s0.244-2.276,0.333-3.333c0.26-3.086,0.793-4.125,0.71-6.958
|
|
1021
|
+
c-0.111-3.791-0.834-8.125-0.834-8.583c0-0.37,0.268-6.694,0.436-9.229l0.694-7.271c0-0.25,4.166-23.417,5.333-27.25
|
|
1022
|
+
s3.167-19.667,2.667-28.667c0,0,0.666-13.334,1.833-17.667s3.667-17.667,3.667-17.667s2.5,14.333,3.666,18.333
|
|
1023
|
+
c1.167,4,4.334,17.166,4.667,20.333s1.167,7,1,9.167s-5.5,12.833-7,17.333s-5,16.833-5,16.833s-4.666,21.5-5.333,41.333
|
|
1024
|
+
c0,0,0.5,16.166,5.834,40.834c4.922,22.764,11.666,59.832,11.832,60.5c0.168,0.666,1.668,11,1.668,11s-0.334,12.666-0.334,14.332
|
|
1025
|
+
c0,1.668-1.334,27.502,4.333,63.168c0,0,8.334,33,8.667,38.832c0.333,5.834,0.834,8.666,1,9.334
|
|
1026
|
+
c0.166,0.666,0.333,5.334,0.333,5.334s-1.167,6.998-2,8.666c-0.833,1.666-3.833,8.668-4,9.334s-1.5,3.832-0.5,6.332l1.833,0.5
|
|
1027
|
+
c0,0,0.334,1.166,2.667,0.334c0,0,1.5,1,3.5,0.166c0,0,3.5,1.666,5,0.334c0,0,0,0,1,0.166c1,0.168,4.333,0.5,6.333,0
|
|
1028
|
+
s3-0.832,3-0.832s0.834-2.168,0.667-4.668s-0.667-5.832-0.667-6.5c0-0.666,0.834-17,0.834-17s-2.666-9.832-3-11.5
|
|
1029
|
+
c-0.334-1.666-0.5-6-0.5-6s0.5-26.166,0.833-29.832c0.333-3.668,2.667-21.168,2.667-30.334s-2-20.166-2.5-22.334
|
|
1030
|
+
c-0.5-2.166-0.5-11-0.5-11.832c0-0.834,0.167-8.668,0.334-10.168c0.173-1.56,0.832-23.69,0.832-30.498
|
|
1031
|
+
c0-6.834-0.333-47.836,0-50.002c0.334-2.166,0.5-32.166,1.5-34.166c0.306-0.612,0.7-1.095,1.103-1.489
|
|
1032
|
+
C85.5,278.795,86.021,278.65,86.352,278.795z"></path>
|
|
1033
|
+
</g>
|
|
1034
|
+
|
|
1035
|
+
<!-- Breast (Left) -->
|
|
1036
|
+
<linearGradient id="SVGID_2_wfront" gradientUnits="userSpaceOnUse" x1="58.5225" y1="114.1377" x2="58.5225" y2="157.7754">
|
|
1037
|
+
<stop offset="0" style="stop-color: rgb(177,131,131);"></stop>
|
|
1038
|
+
<stop offset="1" style="stop-color: rgb(183,117,118);"></stop>
|
|
1039
|
+
</linearGradient>
|
|
1040
|
+
|
|
1041
|
+
<!-- Breast (Right) -->
|
|
1042
|
+
<linearGradient id="SVGID_35_wfront" gradientUnits="userSpaceOnUse" x1="37.21" y1="114.1382" x2="37.21" y2="157.7754" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1043
|
+
<stop offset="0" style="stop-color: rgb(177,131,131);"></stop>
|
|
1044
|
+
<stop offset="1" style="stop-color: rgb(183,117,118);"></stop>
|
|
1045
|
+
</linearGradient>
|
|
1046
|
+
|
|
1047
|
+
<g id="breasts" class="muscle">
|
|
1048
|
+
<path data-tooltip-text="Breasts" class="tooltip-trigger" fill="url(#SVGID_2_wfront)" d="M42.532,152.857c-5.756-4.654-5.725-13.395-4.769-18.918c0.505-2.914,1.421-6.405,3.036-8.944
|
|
1049
|
+
c0.667-1.047,1.866-3.532,3.198-7.194c1.332-3.663,6.262-3.663,6.262-3.663l8.261,0.785c11.591,2.616,17.72,7.064,20.118,13.474
|
|
1050
|
+
c2.818,7.533,0.399,18.183-7.994,24.592C70.644,152.988,56.122,163.845,42.532,152.857z"></path>
|
|
1051
|
+
<path data-tooltip-text="Breasts" class="tooltip-trigger" fill="url(#SVGID_35_wfront)" d="M129.688,152.857c5.756-4.654,5.725-13.395,4.769-18.918c-0.505-2.914-1.421-6.405-3.036-8.944
|
|
1052
|
+
c-0.667-1.047-1.866-3.532-3.198-7.194c-1.332-3.663-6.262-3.663-6.262-3.663l-8.261,0.785
|
|
1053
|
+
c-11.591,2.616-17.72,7.064-20.118,13.474c-2.818,7.533-0.399,18.183,7.994,24.592
|
|
1054
|
+
C101.576,152.988,116.098,163.845,129.688,152.857z"></path>
|
|
1055
|
+
</g>
|
|
1056
|
+
|
|
1057
|
+
<!-- Trapezius (Left) -->
|
|
1058
|
+
<linearGradient id="SVGID_trapezius_left" gradientUnits="userSpaceOnUse" x1="46.6704" y1="79.6226" x2="74.8921" y2="79.6226">
|
|
1059
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
1060
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
1061
|
+
</linearGradient>
|
|
1062
|
+
|
|
1063
|
+
<!-- Trapezius (Right) -->
|
|
1064
|
+
<linearGradient id="SVGID_trapezius_right" gradientUnits="userSpaceOnUse" x1="25.3579" y1="79.6226" x2="53.5796" y2="79.6226" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1065
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
1066
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
1067
|
+
</linearGradient>
|
|
1068
|
+
|
|
1069
|
+
<g id="trapezius" class="muscle">
|
|
1070
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_trapezius_left)" d="M72.26,69.581c-0.188,1.158-0.465,2.253-0.862,3.203c0,0-0.979,2.168-3.738,4h-0.074
|
|
1071
|
+
c-0.095,0.088-0.214,0.178-0.347,0.27c-0.174,0.106-0.351,0.211-0.537,0.313c-0.824,0.451-1.998,1.082-2.866,1.417
|
|
1072
|
+
c0.008,0.014,0.017,0.028,0.023,0.042c-0.85,0.341-4.269,1.67-7.762,2.437c-2.073,0.532-4.287,0.922-6.533,1.146
|
|
1073
|
+
c-0.98,0.098-1.947,0.183-2.894,0.261c0.5-0.041,1.421,1.724,1.676,2.081c0.514,0.723,1.075,1.329,1.815,1.825
|
|
1074
|
+
c1.599,1.07,3.565,1.434,5.438,1.7c4.432,0.63,8.929,1.005,13.396,1.265c1.772,0.103,3.629,0.227,5.396-0.017
|
|
1075
|
+
c0.167-0.023,0.333-0.063,0.5-0.093L72.26,69.581z"></path>
|
|
1076
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_trapezius_right)" d="M99.959,69.581c0.188,1.158,0.465,2.253,0.862,3.203c0,0,0.979,2.168,3.738,4h0.074
|
|
1077
|
+
c0.095,0.088,0.214,0.178,0.347,0.27c0.174,0.106,0.351,0.211,0.537,0.313c0.824,0.451,1.998,1.082,2.866,1.417
|
|
1078
|
+
c-0.008,0.014-0.017,0.028-0.023,0.042c0.85,0.341,4.269,1.67,7.762,2.437c2.073,0.532,4.287,0.922,6.533,1.146
|
|
1079
|
+
c0.98,0.098,1.947,0.183,2.894,0.261c-0.5-0.041-1.421,1.724-1.676,2.081c-0.514,0.723-1.075,1.329-1.815,1.825
|
|
1080
|
+
c-1.599,1.07-3.565,1.434-5.438,1.7c-4.432,0.63-8.929,1.005-13.396,1.265c-1.772,0.103-3.629,0.227-5.396-0.017
|
|
1081
|
+
c-0.167-0.023-0.333-0.063-0.5-0.093L99.959,69.581z"></path>
|
|
1082
|
+
</g>
|
|
1083
|
+
|
|
1084
|
+
<!-- Deltoid (Left) -->
|
|
1085
|
+
<linearGradient id="SVGID_deltoid_left" gradientUnits="userSpaceOnUse" x1="35.5" y1="83.8237" x2="35.5" y2="132.4087">
|
|
1086
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1087
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1088
|
+
</linearGradient>
|
|
1089
|
+
|
|
1090
|
+
<!-- Deltoid (Right) -->
|
|
1091
|
+
<linearGradient id="SVGID_deltoid_right" gradientUnits="userSpaceOnUse" x1="14.1875" y1="83.8242" x2="14.1875" y2="132.4092" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1092
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1093
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1094
|
+
</linearGradient>
|
|
1095
|
+
|
|
1096
|
+
<g id="deltoid" class="muscle">
|
|
1097
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_deltoid_left)" d="M23.458,122.846l0.026-0.054c-0.334-5.946-1.15-14.611,0.599-22.383c2.25-10,7-13.75,9.25-15.5
|
|
1098
|
+
c0.61-0.475,1.561-0.818,2.758-1.085c2.176,0.743,4.328,1.607,5.409,2.418c2.667,2,6.5,3.333,6.5,3.333s-8.167,6.333-8.333,16.5
|
|
1099
|
+
c0,0-8.804,10.655-9.771,13.146c-1.562,4.021-2.895,8.521-3.062,13.188c0,0-0.651-0.68-2.327-5.807
|
|
1100
|
+
C24.506,126.602,23.811,124.346,23.458,122.846z"></path>
|
|
1101
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_deltoid_right)" d="M148.762,122.846l-0.026-0.054c0.334-5.946,1.15-14.611-0.599-22.383c-2.25-10-7-13.75-9.25-15.5
|
|
1102
|
+
c-0.61-0.475-1.561-0.818-2.758-1.085c-2.176,0.743-4.328,1.607-5.409,2.418c-2.667,2-6.5,3.333-6.5,3.333s8.167,6.333,8.333,16.5
|
|
1103
|
+
c0,0,8.804,10.655,9.771,13.146c1.562,4.021,2.895,8.521,3.062,13.188c0,0,0.651-0.68,2.327-5.807
|
|
1104
|
+
C147.713,126.602,148.409,124.346,148.762,122.846z"></path>
|
|
1105
|
+
</g>
|
|
1106
|
+
|
|
1107
|
+
<!-- Pectoralis Major (Left) -->
|
|
1108
|
+
<linearGradient id="SVGID_3_wfront" gradientUnits="userSpaceOnUse" x1="62.7241" y1="90.4087" x2="62.7241" y2="131.9106">
|
|
1109
|
+
<stop offset="0" style="stop-color: rgb(177,131,131);"></stop>
|
|
1110
|
+
<stop offset="1" style="stop-color: rgb(183,117,118);"></stop>
|
|
1111
|
+
</linearGradient>
|
|
1112
|
+
|
|
1113
|
+
<!-- Pectoralis Major (Right) -->
|
|
1114
|
+
<linearGradient id="SVGID_36_wfront" gradientUnits="userSpaceOnUse" x1="41.4116" y1="90.4092" x2="41.4116" y2="131.9111" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1115
|
+
<stop offset="0" style="stop-color: rgb(177,131,131);"></stop>
|
|
1116
|
+
<stop offset="1" style="stop-color: rgb(183,117,118);"></stop>
|
|
1117
|
+
</linearGradient>
|
|
1118
|
+
|
|
1119
|
+
<g id="pectoralis_major" class="muscle">
|
|
1120
|
+
<path data-tooltip-text="Pectoralis Major" class="tooltip-trigger" fill="url(#SVGID_3_wfront)" d="M83.301,109.752c-1.332-3.986-4.93-6.096-5.996-7.503c-1.065-1.407-1.731-8.44,2.665-8.792
|
|
1121
|
+
c0,0-5.729-1.29-8.793-0.938c-3.064,0.352-15.855-0.704-21.451-2.11c0,0-6.262,4.337-8.127,12.661c0,0,0,4.103,0.533,5.158
|
|
1122
|
+
c0.475,0.94,1.688,5.134,1.946,6.616c1.917-2.278,5.834-2.279,5.834-2.279l8.607,0.733c12.077,2.443,18.463,6.597,20.962,12.582
|
|
1123
|
+
c0.772,1.85,1.156,3.903,1.161,6.031c0.928-0.964,1.922-2.046,2.125-2.464C83.167,128.626,84.633,113.738,83.301,109.752z"></path>
|
|
1124
|
+
<path data-tooltip-text="Pectoralis Major" class="tooltip-trigger" fill="url(#SVGID_36_wfront)" d="M88.918,109.752c1.332-3.986,4.93-6.096,5.996-7.503c1.065-1.407,1.731-8.44-2.665-8.792
|
|
1125
|
+
c0,0,5.729-1.29,8.793-0.938c3.064,0.352,15.855-0.704,21.451-2.11c0,0,6.262,4.337,8.127,12.661c0,0,0,4.103-0.533,5.158
|
|
1126
|
+
c-0.475,0.94-1.688,5.134-1.946,6.616c-1.917-2.278-5.834-2.279-5.834-2.279l-8.607,0.733
|
|
1127
|
+
c-12.077,2.443-18.463,6.597-20.962,12.582c-0.772,1.85-1.156,3.903-1.161,6.031c-0.928-0.964-1.922-2.046-2.125-2.464
|
|
1128
|
+
C89.052,128.626,87.586,113.738,88.918,109.752z"></path>
|
|
1129
|
+
</g>
|
|
1130
|
+
|
|
1131
|
+
<!-- Triceps (Left) -->
|
|
1132
|
+
<linearGradient id="SVGID_intercostal_left" gradientUnits="userSpaceOnUse" x1="22.4565" y1="125.4922" x2="22.4565" y2="176.0337">
|
|
1133
|
+
<stop offset="0" style="stop-color: rgb(159,145,116);"></stop>
|
|
1134
|
+
<stop offset="1" style="stop-color: rgb(161,144,90);"></stop>
|
|
1135
|
+
</linearGradient>
|
|
1136
|
+
|
|
1137
|
+
<linearGradient id="SVGID_rotator_left" gradientUnits="userSpaceOnUse" x1="31.6265" y1="176.4888" x2="39.2031" y2="176.4888">
|
|
1138
|
+
<stop offset="0" style="stop-color: rgb(159,145,116);"></stop>
|
|
1139
|
+
<stop offset="1" style="stop-color: rgb(161,144,90);"></stop>
|
|
1140
|
+
</linearGradient>
|
|
1141
|
+
|
|
1142
|
+
|
|
1143
|
+
<!-- Triceps (Right) -->
|
|
1144
|
+
<linearGradient id="SVGID_intercostal_right" gradientUnits="userSpaceOnUse" x1="1.144" y1="125.4927" x2="1.144" y2="176.0342" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1145
|
+
<stop offset="0" style="stop-color: rgb(159,145,116);"></stop>
|
|
1146
|
+
<stop offset="1" style="stop-color: rgb(161,144,90);"></stop>
|
|
1147
|
+
</linearGradient>
|
|
1148
|
+
|
|
1149
|
+
<linearGradient id="SVGID_rotator_right" gradientUnits="userSpaceOnUse" x1="10.314" y1="176.4888" x2="17.8906" y2="176.4888" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1150
|
+
<stop offset="0" style="stop-color: rgb(159,145,116);"></stop>
|
|
1151
|
+
<stop offset="1" style="stop-color: rgb(161,144,90);"></stop>
|
|
1152
|
+
</linearGradient>
|
|
1153
|
+
|
|
1154
|
+
<g id="triceps" class="muscle">
|
|
1155
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_intercostal_left)" d="M19.948,177.581c0.75-15.875,6.385-43.922,6.385-43.922c-1.625-2.125-3.166-8.438-3.166-8.438
|
|
1156
|
+
l-0.292,4.917c-0.713,8.258-3.117,33.113-5.083,43.583C18.885,175.284,19.948,177.581,19.948,177.581z"></path>
|
|
1157
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_intercostal_right)" d="M152.28,177.581c-0.75-15.875-6.385-43.922-6.385-43.922c1.625-2.125,3.166-8.438,3.166-8.438
|
|
1158
|
+
l0.292,4.917c0.713,8.258,3.117,33.113,5.083,43.583C153.343,175.284,152.28,177.581,152.28,177.581z"></path>
|
|
1159
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_rotator_left)" d="M38.064,171.117c0.31-1.149,0.713-2.934,1.139-4.932c-2.711,4.973-6.194,11.288-7.078,12.543
|
|
1160
|
+
c-1.318,1.87-0.061,6.518,4.219,8.064C36.58,182.909,37.177,174.413,38.064,171.117z"></path>
|
|
1161
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_rotator_right)" d="M134.155,171.117c-0.31-1.149-0.713-2.934-1.139-4.932c2.711,4.973,6.194,11.288,7.078,12.543
|
|
1162
|
+
c1.318,1.87,0.061,6.518-4.219,8.064C135.64,182.909,135.043,174.413,134.155,171.117z"></path>
|
|
1163
|
+
</g>
|
|
1164
|
+
|
|
1165
|
+
|
|
1166
|
+
<!-- Brachioradialis (Left) -->
|
|
1167
|
+
<linearGradient id="SVGID_brachioradialis_left" gradientUnits="userSpaceOnUse" x1="17.6904" y1="174.873" x2="17.6904" y2="251.8218">
|
|
1168
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1169
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1170
|
+
</linearGradient>
|
|
1171
|
+
|
|
1172
|
+
<!-- Brachioradialis (Right) -->
|
|
1173
|
+
<linearGradient id="SVGID_brachioradialis_right" gradientUnits="userSpaceOnUse" x1="-3.6221" y1="174.8735" x2="-3.6221" y2="251.8223" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1174
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1175
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1176
|
+
</linearGradient>
|
|
1177
|
+
|
|
1178
|
+
<g id="brachioradialis" class="muscle">
|
|
1179
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_brachioradialis_left)" d="M22.167,212.159c1.417-9.917,1.917-11.167,0.833-19.417c-1.333-6.25-3.417-13.958-3.417-13.958
|
|
1180
|
+
c-0.395-1.313-1.132-2.796-1.745-3.911c-1.019,4.066-3.352,13.52-4.505,19.286c-1.5,7.5-0.5,51.75-1.25,54.75
|
|
1181
|
+
c-0.217,0.868-0.266,1.842-0.287,2.883c0.078,0.012,0.162,0.02,0.244,0.03C13.93,243.859,19.333,221.492,22.167,212.159z"></path>
|
|
1182
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_brachioradialis_right)" d="M150.053,212.159c-1.417-9.917-1.917-11.167-0.833-19.417c1.333-6.25,3.417-13.958,3.417-13.958
|
|
1183
|
+
c0.395-1.313,1.132-2.796,1.745-3.911c1.019,4.066,3.352,13.52,4.505,19.286c1.5,7.5,0.5,51.75,1.25,54.75
|
|
1184
|
+
c0.217,0.868,0.266,1.842,0.287,2.883c-0.078,0.012-0.162,0.02-0.244,0.03C158.29,243.859,152.886,221.492,150.053,212.159z"></path>
|
|
1185
|
+
</g>
|
|
1186
|
+
|
|
1187
|
+
<!-- Finger Flexors (Left) -->
|
|
1188
|
+
<linearGradient id="SVGID_finger_flexors_left" gradientUnits="userSpaceOnUse" x1="13.0396" y1="220.8433" x2="36.25" y2="220.8433">
|
|
1189
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
1190
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
1191
|
+
</linearGradient>
|
|
1192
|
+
|
|
1193
|
+
<!-- Finger Flexors (Right) -->
|
|
1194
|
+
<linearGradient id="SVGID_finger_flexors_right" gradientUnits="userSpaceOnUse" x1="-8.2729" y1="220.8433" x2="14.9375" y2="220.8433" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1195
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
1196
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
1197
|
+
</linearGradient>
|
|
1198
|
+
|
|
1199
|
+
<g id="tensor_fasciae_latae" class="muscle">
|
|
1200
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_finger_flexors_left)" d="M33.731,217.242c0.997-3.276,2.385-15.951,2.519-25c-2.408-0.932-4.667-2.75-4.667-2.75
|
|
1201
|
+
c-1.73,2.036-5.639,4.117-7.083,4.833c-0.311,0.154,0.051,5.472,0.034,6.149c-0.054,2.158-0.193,4.313-0.422,6.459
|
|
1202
|
+
c-0.429,4.027-1.177,8.135-2.577,11.948c0.014-0.117,0.034-0.232,0.062-0.346c-2.186,10.035-5.106,19.887-7.653,29.833
|
|
1203
|
+
c-0.301,1.177-0.603,2.354-0.905,3.53c0,0,9.236,1.147,14.059-1.074c0.242-0.08,0.481-0.174,0.721-0.267l0.579-6.066
|
|
1204
|
+
C28.398,244.242,32.564,221.076,33.731,217.242z"></path>
|
|
1205
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_finger_flexors_right)" d="M138.489,217.242c-0.997-3.276-2.385-15.951-2.519-25c2.408-0.932,4.667-2.75,4.667-2.75
|
|
1206
|
+
c1.73,2.036,5.639,4.117,7.083,4.833c0.311,0.154-0.051,5.472-0.034,6.149c0.054,2.158,0.193,4.313,0.422,6.459
|
|
1207
|
+
c0.429,4.027,1.177,8.135,2.577,11.948c-0.014-0.117-0.034-0.232-0.062-0.346c2.186,10.035,5.106,19.887,7.653,29.833
|
|
1208
|
+
c0.301,1.177,0.603,2.354,0.905,3.53c0,0-9.236,1.147-14.059-1.074c-0.242-0.08-0.481-0.174-0.721-0.267l-0.579-6.066
|
|
1209
|
+
C143.822,244.242,139.656,221.076,138.489,217.242z"></path>
|
|
1210
|
+
</g>
|
|
1211
|
+
|
|
1212
|
+
<!-- Quadriceps (Left) -->
|
|
1213
|
+
<linearGradient id="SVGID_17_wfront" gradientUnits="userSpaceOnUse" x1="57.1587" y1="253.5166" x2="57.1587" y2="381.4932">
|
|
1214
|
+
<stop offset="0" style="stop-color: rgb(126,155,181);"></stop>
|
|
1215
|
+
<stop offset="1" style="stop-color: rgb(101,142,185);"></stop>
|
|
1216
|
+
</linearGradient>
|
|
1217
|
+
|
|
1218
|
+
<!-- Quadriceps (Right) -->
|
|
1219
|
+
<linearGradient id="SVGID_50_wfront" gradientUnits="userSpaceOnUse" x1="35.8462" y1="253.5166" x2="35.8462" y2="381.4922" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1220
|
+
<stop offset="0" style="stop-color: rgb(126,155,181);"></stop>
|
|
1221
|
+
<stop offset="1" style="stop-color: rgb(101,142,185);"></stop>
|
|
1222
|
+
</linearGradient>
|
|
1223
|
+
|
|
1224
|
+
<g id="quadriceps" class="muscle">
|
|
1225
|
+
<path data-tooltip-text="Quadriceps" class="tooltip-trigger" fill="url(#SVGID_17_wfront)" d="M36.583,280.659c0,0,6.501-18.5,11.834-25.083c0,0,3.583-5.333,5.583,1.167
|
|
1226
|
+
c0.659,2.144,7.999,13.5,11.333,17s5.667,9,6.167,10.667s7.333,37.5,6.083,91.75c0,0-1.25,4.5-5.5,5.25s-7.5-3.75-7.75-4.75
|
|
1227
|
+
s-2.75-8.25-3.75-10s-6-10.75-6-10.75S40.583,300.909,36.583,280.659z"></path>
|
|
1228
|
+
<path data-tooltip-text="Quadriceps" class="tooltip-trigger" fill="url(#SVGID_50_wfront)" d="M135.637,280.659c0,0-6.501-18.5-11.834-25.083c0,0-3.583-5.333-5.583,1.167
|
|
1229
|
+
c-0.659,2.144-7.999,13.5-11.333,17s-5.667,9-6.167,10.667s-7.333,37.5-6.083,91.75c0,0,1.25,4.5,5.5,5.25s7.5-3.75,7.75-4.75
|
|
1230
|
+
s2.75-8.25,3.75-10s6-10.75,6-10.75S131.637,300.909,135.637,280.659z"></path>
|
|
1231
|
+
</g>
|
|
1232
|
+
|
|
1233
|
+
<!-- Tibialis Anterior (Left) -->
|
|
1234
|
+
<linearGradient id="SVGID_22_wfront" gradientUnits="userSpaceOnUse" x1="55.3174" y1="446.9419" x2="80.0713" y2="446.9419" gradientTransform="matrix(0.9999 0.0024 0.0024 0.921 -1.5577 38.9259)">
|
|
1235
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
1236
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
1237
|
+
</linearGradient>
|
|
1238
|
+
|
|
1239
|
+
<!-- Tibialis Anterior (Right) -->
|
|
1240
|
+
<linearGradient id="SVGID_29_wfront" gradientUnits="userSpaceOnUse" x1="34.1475" y1="446.9966" x2="58.9023" y2="446.9966" gradientTransform="matrix(-0.9999 0.0024 -0.0024 0.921 152.4649 38.9259)">
|
|
1241
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
1242
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
1243
|
+
</linearGradient>
|
|
1244
|
+
|
|
1245
|
+
<g id="tibialis_anterior" class="muscle">
|
|
1246
|
+
<path data-tooltip-text="Tibialis Anterior" class="tooltip-trigger" fill="url(#SVGID_22_wfront)" d="M56.369,401.944c0,0,5.435,5.918,7.75,14.703c1.514,5.745,15.585,82.5,15.585,82.5
|
|
1247
|
+
s-1.528,2.622-5.356-6.388c-3.828-9.01-11.133-30.577-12.464-34.396c-1.332-3.822-5.112-14.387-5.944-26.64
|
|
1248
|
+
C55.107,419.471,53.468,402.078,56.369,401.944z"></path>
|
|
1249
|
+
<path data-tooltip-text="Tibialis Anterior" class="tooltip-trigger" fill="url(#SVGID_29_wfront)" d="M115.705,401.944c0,0-5.435,5.918-7.75,14.703c-1.514,5.745-15.585,82.5-15.585,82.5
|
|
1250
|
+
s1.528,2.622,5.356-6.388c3.828-9.01,11.133-30.577,12.464-34.396c1.332-3.822,5.112-14.387,5.944-26.64
|
|
1251
|
+
C116.967,419.471,118.606,402.078,115.705,401.944z"></path>
|
|
1252
|
+
</g>
|
|
1253
|
+
|
|
1254
|
+
<!-- Gastrocnemius (Left) -->
|
|
1255
|
+
<linearGradient id="SVGID_24_wfront" gradientUnits="userSpaceOnUse" x1="71.1313" y1="445.0464" x2="84.7314" y2="445.0464">
|
|
1256
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
1257
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
1258
|
+
</linearGradient>
|
|
1259
|
+
|
|
1260
|
+
<!-- Gastrocnemius (Right) -->
|
|
1261
|
+
<linearGradient id="SVGID_31_wfront" gradientUnits="userSpaceOnUse" x1="49.9644" y1="445.0464" x2="63.5645" y2="445.0464" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1262
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
1263
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
1264
|
+
</linearGradient>
|
|
1265
|
+
|
|
1266
|
+
<g id="gastrocnemius" class="muscle">
|
|
1267
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_24_wfront)" d="M78.379,413.698c-2.752,3.156-6.145,6.495-7.1,14.131c-1.018,8.135,3.309,39.693,10.23,57.042
|
|
1268
|
+
c0,0,0.02-0.22,0.053-0.597c0.16-6.488,0.348-12.966,0.502-14.656c0.333-3.668,2.667-21.168,2.667-30.334s-2-20.166-2.5-22.334
|
|
1269
|
+
c-0.373-1.615-0.468-6.935-0.492-9.883c-0.144-0.617-0.292-1.232-0.446-1.845C81.294,405.222,81.131,410.541,78.379,413.698z"></path>
|
|
1270
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_31_wfront)" d="M93.695,413.698c2.752,3.156,6.145,6.495,7.1,14.131c1.018,8.135-3.309,39.693-10.23,57.042
|
|
1271
|
+
c0,0-0.02-0.22-0.053-0.597c-0.16-6.488-0.348-12.966-0.502-14.656c-0.333-3.668-2.667-21.168-2.667-30.334s2-20.166,2.5-22.334
|
|
1272
|
+
c0.373-1.615,0.468-6.935,0.492-9.883c0.144-0.617,0.292-1.232,0.446-1.845C90.78,405.222,90.943,410.541,93.695,413.698z"></path>
|
|
1273
|
+
</g>
|
|
1274
|
+
|
|
1275
|
+
<!-- Peroneus Longus Gradients -->
|
|
1276
|
+
<linearGradient id="SVGID_peroneus_left" gradientUnits="userSpaceOnUse" x1="55" y1="450" x2="75" y2="510">
|
|
1277
|
+
<stop offset="0" style="stop-color: rgb(150,106,132);"></stop>
|
|
1278
|
+
<stop offset="1" style="stop-color: rgb(145,86,123);"></stop>
|
|
1279
|
+
</linearGradient>
|
|
1280
|
+
<linearGradient id="SVGID_peroneus_right" gradientUnits="userSpaceOnUse" x1="55" y1="450" x2="75" y2="510" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1281
|
+
<stop offset="0" style="stop-color: rgb(150,106,132);"></stop>
|
|
1282
|
+
<stop offset="1" style="stop-color: rgb(145,86,123);"></stop>
|
|
1283
|
+
</linearGradient>
|
|
1284
|
+
|
|
1285
|
+
<g id="peroneus_longus" class="muscle">
|
|
1286
|
+
<path data-tooltip-text="Peroneus Longus" class="tooltip-trigger" fill="url(#SVGID_peroneus_left)" d="M65,475c0,0,3.6,13,1.5,14.2c-2.1,1.2-2.8-2.9-4.1-7.4
|
|
1287
|
+
s-3.7-15.8-3.7-15.8s-5.3-22.5-5.7-26.2c-0.4-3.7-0.4-20.3,0.7-27.8c0,0-0.4,20.4,1.8,28.8C58.3,451.6,65,475,65,475z"></path>
|
|
1288
|
+
<path data-tooltip-text="Peroneus Longus" class="tooltip-trigger" fill="url(#SVGID_peroneus_right)" d="M107.2,475c0,0-3.6,13-1.5,14.2c2.1,1.2,2.8-2.9,4.1-7.4
|
|
1289
|
+
s3.7-15.8,3.7-15.8s5.3-22.5,5.7-26.2c0.4-3.7,0.4-20.3-0.7-27.8c0,0,0.4,20.4-1.8,28.8C113.9,451.6,107.2,475,107.2,475z"></path>
|
|
1290
|
+
</g>
|
|
1291
|
+
|
|
1292
|
+
|
|
1293
|
+
<!-- External Oblique (Left) -->
|
|
1294
|
+
<linearGradient id="SVGID_coraco_left" gradientUnits="userSpaceOnUse" x1="52.1108" y1="154.7422" x2="52.1108" y2="186.8076">
|
|
1295
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1296
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1297
|
+
</linearGradient>
|
|
1298
|
+
|
|
1299
|
+
<linearGradient id="SVGID_pronator_left" gradientUnits="userSpaceOnUse" x1="56.1387" y1="180.8862" x2="56.1387" y2="210.1509">
|
|
1300
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1301
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1302
|
+
</linearGradient>
|
|
1303
|
+
|
|
1304
|
+
<linearGradient id="SVGID_serratus_left" gradientUnits="userSpaceOnUse" x1="55.3921" y1="205.8149" x2="55.3921" y2="247.2388">
|
|
1305
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1306
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1307
|
+
</linearGradient>
|
|
1308
|
+
|
|
1309
|
+
<!-- External Oblique (Right) -->
|
|
1310
|
+
<linearGradient id="SVGID_coraco_right" gradientUnits="userSpaceOnUse" x1="30.7983" y1="154.7427" x2="30.7983" y2="186.8081" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1311
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1312
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1313
|
+
</linearGradient>
|
|
1314
|
+
|
|
1315
|
+
<linearGradient id="SVGID_pronator_right" gradientUnits="userSpaceOnUse" x1="34.8262" y1="180.8867" x2="34.8262" y2="210.1514" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1316
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1317
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1318
|
+
</linearGradient>
|
|
1319
|
+
|
|
1320
|
+
<linearGradient id="SVGID_serratus_right" gradientUnits="userSpaceOnUse" x1="34.0796" y1="205.8154" x2="34.0796" y2="247.2393" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1321
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1322
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1323
|
+
</linearGradient>
|
|
1324
|
+
|
|
1325
|
+
<g id="external_oblique" class="muscle">
|
|
1326
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_coraco_left)" d="M55.958,186.54c0.032,0.038,0.093,0.078,0.141,0.116c1.818,0.628,4.35-0.893,4.35-0.893
|
|
1327
|
+
c2.75-4.159,1.219-10.237,0.844-11.432c-0.375-1.194-2.344-2.775-2.344-2.775c1.75-1.104,2.531-3.731,1.438-7.581
|
|
1328
|
+
c-1.273-4.481-7.803-5.074-7.803-5.074c-5-0.478-10.416-4.159-10.416-4.159s2.5,13.69,3.666,17.511
|
|
1329
|
+
c0.449,1.472,1.196,4.246,1.963,7.271c0.302,0.154,0.58,0.308,0.787,0.449C49.458,180.57,55.458,185.942,55.958,186.54z"></path>
|
|
1330
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_coraco_right)" d="M116.262,186.54c-0.032,0.038-0.093,0.078-0.141,0.116c-1.818,0.628-4.35-0.893-4.35-0.893
|
|
1331
|
+
c-2.75-4.159-1.219-10.237-0.844-11.432c0.375-1.194,2.344-2.775,2.344-2.775c-1.75-1.104-2.531-3.731-1.438-7.581
|
|
1332
|
+
c1.273-4.481,7.803-5.074,7.803-5.074c5-0.478,10.416-4.159,10.416-4.159s-2.5,13.69-3.666,17.511
|
|
1333
|
+
c-0.449,1.472-1.196,4.246-1.963,7.271c-0.302,0.154-0.58,0.308-0.787,0.449C122.762,180.57,116.762,185.942,116.262,186.54z"></path>
|
|
1334
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_pronator_left)" d="M50.606,203.911c2.611,1.866,4.687,4.887,7.797,5.966c3.719,1.29,5.976-2.195,5.638-5.661
|
|
1335
|
+
c-0.333-3.4-2.243-4.568-5.332-5.494c0.813-0.125,1.563-0.813,1.563-0.813c1.521-1.125,1.459-4.438,1.271-6.125
|
|
1336
|
+
c-0.275-2.478-4.531-3.47-6.327-4.602c-2.134-1.344-3.726-2.67-5.425-4.523c-0.352-0.383-1.127-1.475-1.589-1.772
|
|
1337
|
+
c1.086,4.575,2.114,9.292,2.296,11.022c0.334,3.167,1.167,7,1,9.167C51.459,201.596,51.117,202.614,50.606,203.911z"></path>
|
|
1338
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_pronator_right)" d="M121.613,203.911c-2.611,1.866-4.687,4.887-7.797,5.966c-3.719,1.29-5.976-2.195-5.638-5.661
|
|
1339
|
+
c0.333-3.4,2.243-4.568,5.332-5.494c-0.813-0.125-1.563-0.813-1.563-0.813c-1.521-1.125-1.459-4.438-1.271-6.125
|
|
1340
|
+
c0.275-2.478,4.531-3.47,6.327-4.602c2.134-1.344,3.726-2.67,5.425-4.523c0.352-0.383,1.127-1.475,1.589-1.772
|
|
1341
|
+
c-1.086,4.575-2.114,9.292-2.296,11.022c-0.334,3.167-1.167,7-1,9.167C120.76,201.596,121.103,202.614,121.613,203.911z"></path>
|
|
1342
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_serratus_left)" d="M64.75,228.534c-0.771-3.563-1.584-11.5-1.584-11.5s0.38-2.625-1.852-3.875
|
|
1343
|
+
c-0.427-0.239-1.533-0.25-2.788-1.25s-4.881-3.625-6.693-5c-0.443-0.335-1.626-0.902-2.08-1.094
|
|
1344
|
+
c-1.93,4.158-3.934,9.079-5.086,12.177c-0.538,1.445-1.256,4.115-2.05,6.508c1.449,0.326,5.083,2.344,6.382,3.072
|
|
1345
|
+
c3.348,1.875,6.363,4.571,9.667,8c2.65,2.75,9.5,11.667,9.5,11.667S65.867,233.687,64.75,228.534z"></path>
|
|
1346
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_serratus_right)" d="M107.469,228.534c0.771-3.563,1.584-11.5,1.584-11.5s-0.38-2.625,1.852-3.875
|
|
1347
|
+
c0.427-0.239,1.533-0.25,2.788-1.25s4.881-3.625,6.693-5c0.443-0.335,1.626-0.902,2.08-1.094c1.93,4.158,3.934,9.079,5.086,12.177
|
|
1348
|
+
c0.538,1.445,1.256,4.115,2.05,6.508c-1.449,0.326-5.083,2.344-6.382,3.072c-3.348,1.875-6.363,4.571-9.667,8
|
|
1349
|
+
c-2.65,2.75-9.5,11.667-9.5,11.667S106.353,233.687,107.469,228.534z"></path>
|
|
1350
|
+
</g>
|
|
1351
|
+
|
|
1352
|
+
|
|
1353
|
+
|
|
1354
|
+
|
|
1355
|
+
|
|
1356
|
+
<!-- Abdominals (Left) -->
|
|
1357
|
+
<linearGradient id="SVGID_4_wfront" gradientUnits="userSpaceOnUse" x1="73.1563" y1="143.9507" x2="73.1563" y2="177.583">
|
|
1358
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1359
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1360
|
+
</linearGradient>
|
|
1361
|
+
|
|
1362
|
+
<linearGradient id="SVGID_7_wfront" gradientUnits="userSpaceOnUse" x1="75.9321" y1="209.3965" x2="75.9321" y2="266.5371">
|
|
1363
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1364
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1365
|
+
</linearGradient>
|
|
1366
|
+
|
|
1367
|
+
<linearGradient id="SVGID_5_wfront" gradientUnits="userSpaceOnUse" x1="74.6465" y1="165.4087" x2="74.6465" y2="189.7866">
|
|
1368
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1369
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1370
|
+
</linearGradient>
|
|
1371
|
+
|
|
1372
|
+
<linearGradient id="SVGID_6_wfront" gradientUnits="userSpaceOnUse" x1="75.1689" y1="187.4766" x2="75.1689" y2="208.4233">
|
|
1373
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1374
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1375
|
+
</linearGradient>
|
|
1376
|
+
|
|
1377
|
+
|
|
1378
|
+
<!-- Abdominals (Right) -->
|
|
1379
|
+
<linearGradient id="SVGID_40_wfront" gradientUnits="userSpaceOnUse" x1="54.6196" y1="209.397" x2="54.6196" y2="266.5376" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1380
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1381
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1382
|
+
</linearGradient>
|
|
1383
|
+
|
|
1384
|
+
<linearGradient id="SVGID_37_wfront" gradientUnits="userSpaceOnUse" x1="51.8438" y1="143.9512" x2="51.8438" y2="177.5835" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1385
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1386
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1387
|
+
</linearGradient>
|
|
1388
|
+
|
|
1389
|
+
<linearGradient id="SVGID_38_wfront" gradientUnits="userSpaceOnUse" x1="53.4795" y1="165.4092" x2="53.4795" y2="189.7871" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1390
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1391
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1392
|
+
</linearGradient>
|
|
1393
|
+
|
|
1394
|
+
<linearGradient id="SVGID_39_wfront" gradientUnits="userSpaceOnUse" x1="53.002" y1="187.4771" x2="53.002" y2="208.4238" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1395
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1396
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1397
|
+
</linearGradient>
|
|
1398
|
+
|
|
1399
|
+
<g id="abdominals" class="muscle">
|
|
1400
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_4_wfront)" d="M80.503,143.951c0,0-3.598,12.224-18.253,14.737c0,0-0.933,1.713-0.666,2.97
|
|
1401
|
+
c0.266,1.257,1.998,15.651,1.998,15.651s1.199,0.686,2.132-0.114s11.191-11.31,14.389-13.252c3.198-1.942,4.53-4.112,4.53-5.026
|
|
1402
|
+
S85.965,145.208,80.503,143.951z"></path>
|
|
1403
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_37_wfront)" d="M91.716,143.951c0,0,3.598,12.224,18.253,14.737c0,0,0.933,1.713,0.666,2.97
|
|
1404
|
+
c-0.266,1.257-1.998,15.651-1.998,15.651s-1.199,0.686-2.132-0.114s-11.191-11.31-14.389-13.252
|
|
1405
|
+
c-3.198-1.942-4.53-4.112-4.53-5.026S86.254,145.208,91.716,143.951z"></path>
|
|
1406
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_5_wfront)" d="M85.211,168.456c0,0-0.241-3.047-4.103-3.047c0,0-3.14,1.523-4.587,3.164
|
|
1407
|
+
c-1.449,1.641-10.622,11.602-11.708,12.188c0,0-1.087,0.703-0.965,4.219c0.119,3.516,0.24,4.688,1.567,4.805
|
|
1408
|
+
c1.328,0.117,8.33-3.398,14.123-3.75s5.914-3.984,5.914-3.984L85.211,168.456z"></path>
|
|
1409
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_38_wfront)" d="M87.008,168.456c0,0,0.241-3.047,4.103-3.047c0,0,3.14,1.523,4.587,3.164
|
|
1410
|
+
c1.449,1.641,10.622,11.602,11.708,12.188c0,0,1.087,0.703,0.965,4.219c-0.119,3.516-0.24,4.688-1.567,4.805
|
|
1411
|
+
c-1.328,0.117-8.33-3.398-14.123-3.75s-5.914-3.984-5.914-3.984L87.008,168.456z"></path>
|
|
1412
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_6_wfront)" d="M85.586,192.323c0,0-0.122-3.456-1.827-4.387c-1.708-0.931-7.926-0.266-8.779,0.399
|
|
1413
|
+
s-4.788,1.862-6.103,4.001c-1.316,2.138-3.959,6.007-4.092,7.072c-0.133,1.065-0.133,5.247,1.973,6.446
|
|
1414
|
+
s8.117-1.067,11.022-2.132s5.974-3.197,6.373-4.262C84.555,198.392,85.586,192.323,85.586,192.323z"></path>
|
|
1415
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_39_wfront)" d="M86.633,192.323c0,0,0.122-3.456,1.827-4.387c1.708-0.931,7.926-0.266,8.779,0.399
|
|
1416
|
+
s4.788,1.862,6.103,4.001c1.316,2.138,3.959,6.007,4.092,7.072c0.133,1.065,0.133,5.247-1.973,6.446
|
|
1417
|
+
s-8.117-1.067-11.022-2.132s-5.974-3.197-6.373-4.262C86.664,198.392,86.633,192.323,86.633,192.323z"></path>
|
|
1418
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_7_wfront)" d="M66.146,213.659c0,0,0.354-3,1.65-3.25c1.295-0.25,11.429-1.125,12.019-1
|
|
1419
|
+
c0.588,0.125,4.359,1.375,4.949,2.875c0.589,1.5,0.706,6.875,0.706,6.875s-0.095,15.89-0.054,16.917
|
|
1420
|
+
c0.083,2.083,0.167,24.417,0.417,30.417c0.016,0.386-5.749-1.854-6.209-2.225c-3.262-2.634-4.83-6.817-5.976-10.716
|
|
1421
|
+
c-3.113-10.591-6.065-21.455-7.228-32.464C66.165,218.664,65.86,216.096,66.146,213.659z"></path>
|
|
1422
|
+
<path data-tooltip-text="Abdominals" class="tooltip-trigger" fill="url(#SVGID_40_wfront)" d="M106.074,213.659c0,0-0.354-3-1.65-3.25c-1.295-0.25-11.429-1.125-12.019-1
|
|
1423
|
+
c-0.588,0.125-4.359,1.375-4.949,2.875c-0.589,1.5-0.706,6.875-0.706,6.875s0.095,15.89,0.054,16.917
|
|
1424
|
+
c-0.083,2.083-0.167,24.417-0.417,30.417c-0.016,0.386,5.749-1.854,6.209-2.225c3.262-2.634,4.83-6.817,5.976-10.716
|
|
1425
|
+
c3.113-10.591,6.065-21.455,7.228-32.464C106.055,218.664,106.36,216.096,106.074,213.659z"></path>
|
|
1426
|
+
</g>
|
|
1427
|
+
|
|
1428
|
+
|
|
1429
|
+
<!-- Obliques (Left) -->
|
|
1430
|
+
<linearGradient id="SVGID_9_wfront" gradientUnits="userSpaceOnUse" x1="42.3745" y1="226.4917" x2="42.3745" y2="280.0161">
|
|
1431
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1432
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1433
|
+
</linearGradient>
|
|
1434
|
+
|
|
1435
|
+
<!-- Finger Flexors Gradients -->
|
|
1436
|
+
<linearGradient id="SVGID_finger_flexors_left" gradientUnits="userSpaceOnUse" x1="39.958" y1="238.0996" x2="71.0874" y2="238.0996">
|
|
1437
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
1438
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
1439
|
+
</linearGradient>
|
|
1440
|
+
<linearGradient id="SVGID_finger_flexors_right" gradientUnits="userSpaceOnUse" x1="39.958" y1="238.0996" x2="71.0874" y2="238.0996" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1441
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
1442
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
1443
|
+
</linearGradient>
|
|
1444
|
+
|
|
1445
|
+
|
|
1446
|
+
<!-- Peroneus Longus Gradients -->
|
|
1447
|
+
<linearGradient id="SVGID_peroneus_left" gradientUnits="userSpaceOnUse" x1="55" y1="450" x2="75" y2="510">
|
|
1448
|
+
<stop offset="0" style="stop-color: rgb(150,106,132);"></stop>
|
|
1449
|
+
<stop offset="1" style="stop-color: rgb(145,86,123);"></stop>
|
|
1450
|
+
</linearGradient>
|
|
1451
|
+
<linearGradient id="SVGID_peroneus_right" gradientUnits="userSpaceOnUse" x1="55" y1="450" x2="75" y2="510" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1452
|
+
<stop offset="0" style="stop-color: rgb(150,106,132);"></stop>
|
|
1453
|
+
<stop offset="1" style="stop-color: rgb(145,86,123);"></stop>
|
|
1454
|
+
</linearGradient>
|
|
1455
|
+
|
|
1456
|
+
|
|
1457
|
+
<!-- Sternocleidomastoid (Left) -->
|
|
1458
|
+
<linearGradient id="SVGID_sternocleidomastoid_left" gradientUnits="userSpaceOnUse" x1="72.0767" y1="74.3149" x2="84.354" y2="74.3149">
|
|
1459
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
1460
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
1461
|
+
</linearGradient>
|
|
1462
|
+
|
|
1463
|
+
<!-- Sternocleidomastoid (Right) -->
|
|
1464
|
+
<linearGradient id="SVGID_sternocleidomastoid_right" gradientUnits="userSpaceOnUse" x1="50.7642" y1="74.3149" x2="63.0415" y2="74.3149" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1465
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
1466
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
1467
|
+
</linearGradient>
|
|
1468
|
+
|
|
1469
|
+
<g id="subclavius" class="muscle">
|
|
1470
|
+
<path data-tooltip-text="Sternocleidomastoid" class="tooltip-trigger" fill="url(#SVGID_sternocleidomastoid_left)" d="M79.625,59.367c-0.939-0.11-2.208-0.208-3.958-0.583c-1.819-0.39-3.59-1.375-3.59-1.375
|
|
1471
|
+
s0.635,4.049,0.518,8.379l3.032,23.5c1.176-0.28,2.213-1.002,3.373-1.296c3.042-0.771,5.354,3.229,5.354,3.229L79.625,59.367z"></path>
|
|
1472
|
+
<path data-tooltip-text="Sternocleidomastoid" class="tooltip-trigger" fill="url(#SVGID_sternocleidomastoid_right)" d="M92.595,59.367c0.939-0.11,2.208-0.208,3.958-0.583c1.819-0.39,3.59-1.375,3.59-1.375
|
|
1473
|
+
s-0.635,4.049-0.518,8.379l-3.032,23.5c-1.176-0.28-2.213-1.002-3.373-1.296c-3.042-0.771-5.354,3.229-5.354,3.229L92.595,59.367z"></path>
|
|
1474
|
+
</g>
|
|
1475
|
+
|
|
1476
|
+
|
|
1477
|
+
<!-- Biceps (Left) -->
|
|
1478
|
+
<linearGradient id="SVGID_biceps_left" gradientUnits="userSpaceOnUse" x1="20.9575" y1="150.5649" x2="42.5825" y2="150.5649">
|
|
1479
|
+
<stop offset="0" style="stop-color: rgb(203,174,104);"></stop>
|
|
1480
|
+
<stop offset="1" style="stop-color: rgb(208,168,70);"></stop>
|
|
1481
|
+
</linearGradient>
|
|
1482
|
+
|
|
1483
|
+
<!-- Biceps (Right) -->
|
|
1484
|
+
<linearGradient id="SVGID_biceps_right" gradientUnits="userSpaceOnUse" x1="-0.355" y1="150.5649" x2="21.27" y2="150.5649" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1485
|
+
<stop offset="0" style="stop-color: rgb(203,174,104);"></stop>
|
|
1486
|
+
<stop offset="1" style="stop-color: rgb(208,168,70);"></stop>
|
|
1487
|
+
</linearGradient>
|
|
1488
|
+
|
|
1489
|
+
<g id="biceps" class="muscle">
|
|
1490
|
+
<path data-tooltip-text="Biceps" class="tooltip-trigger" fill="url(#SVGID_biceps_left)" d="M36.45,187.617c-5.258-1.045-6.659-6.583-5.45-8.541c1.005-1.628,6.303-11.309,9.081-16.53
|
|
1491
|
+
c0.079-0.392,0.159-0.783,0.236-1.171c0.754-3.76,1.41-7.228,1.553-7.981c-1.557-1.074-11.169-8.753-2.412-29.61l3.125-6
|
|
1492
|
+
c0,0-0.666-5.063-2.666-9.563c0,0-7.5,8.688-8.875,11.313c0,0-2.167,3.583-3.25,10.292l-0.709,4.333c0,0-5.625,26-6.125,43.125
|
|
1493
|
+
c0,0,0.126,4.375,0.792,6.625l2.417,9c0,0,5.291-2.125,7.041-5.25c0,0,2.561,1.977,5.264,3.323
|
|
1494
|
+
c-0.009-0.842-0.032-1.649-0.074-2.406C36.398,188.576,36.416,188.22,36.45,187.617z"></path>
|
|
1495
|
+
<path data-tooltip-text="Biceps" class="tooltip-trigger" fill="url(#SVGID_biceps_right)" d="M135.77,187.617c5.258-1.045,6.659-6.583,5.45-8.541c-1.005-1.628-6.303-11.309-9.081-16.53
|
|
1496
|
+
c-0.079-0.392-0.159-0.783-0.236-1.171c-0.754-3.76-1.41-7.228-1.553-7.981c1.557-1.074,11.169-8.753,2.412-29.61l-3.125-6
|
|
1497
|
+
c0,0,0.666-5.063,2.666-9.563c0,0,7.5,8.688,8.875,11.313c0,0,2.167,3.583,3.25,10.292l0.709,4.333c0,0,5.625,26,6.125,43.125
|
|
1498
|
+
c0,0-0.126,4.375-0.792,6.625l-2.417,9c0,0-5.291-2.125-7.041-5.25c0,0-2.561,1.977-5.264,3.323
|
|
1499
|
+
c0.009-0.842,0.032-1.649,0.074-2.406C135.822,188.576,135.804,188.22,135.77,187.617z"></path>
|
|
1500
|
+
</g>
|
|
1501
|
+
|
|
1502
|
+
|
|
1503
|
+
<!-- Sartorius & Abductors (Left) -->
|
|
1504
|
+
<linearGradient id="SVGID_sartorius_abductors_left" gradientUnits="userSpaceOnUse" x1="52.5015" y1="311.9917" x2="85.9258" y2="311.9917">
|
|
1505
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
1506
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
1507
|
+
</linearGradient>
|
|
1508
|
+
|
|
1509
|
+
<!-- Sartorius & Abductors (Right) -->
|
|
1510
|
+
<linearGradient id="SVGID_sartorius_abductors_right" gradientUnits="userSpaceOnUse" x1="31.189" y1="311.9917" x2="64.6133" y2="311.9917" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1511
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
1512
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
1513
|
+
</linearGradient>
|
|
1514
|
+
|
|
1515
|
+
<g id="iliopsoas_hip_flexors" class="muscle">
|
|
1516
|
+
<path data-tooltip-text="Sartorius & Abductors" class="tooltip-trigger" fill="url(#SVGID_sartorius_abductors_left)" d="M69,251.409c0,0-1.763-5.546-9.461-12.067c-2.625-2.457-5.372-3.936-5.372-3.936
|
|
1517
|
+
c-1.083,0.712-1.584,4.503-1.584,4.503c-1.25,10.75,12.25,28.75,19,39.5s7,64,7.25,68s0.542,37.458,0.542,37.458
|
|
1518
|
+
c1.105,4.424,2.601,3.761,2.932,3.549c0.04-1.197,0.095-2.517,0.156-3.895c0.217-7.215,0.435-16.163,0.435-20.069
|
|
1519
|
+
c0-6.834-0.333-47.836,0-50.002c0.334-2.166,0.5-32.166,1.5-34.166c0.306-0.612,0.7-1.095,1.103-1.489c0,0,0.167-0.042,0.37-0.056
|
|
1520
|
+
l0.056-0.083C85.926,278.656,71.5,257.159,69,251.409z"></path>
|
|
1521
|
+
<path data-tooltip-text="Sartorius & Abductors" class="tooltip-trigger" fill="url(#SVGID_sartorius_abductors_right)" d="M103.22,251.409c0,0,1.763-5.546,9.461-12.067c2.625-2.457,5.372-3.936,5.372-3.936
|
|
1522
|
+
c1.083,0.712,1.584,4.503,1.584,4.503c1.25,10.75-12.25,28.75-19,39.5s-7,64-7.25,68s-0.542,37.458-0.542,37.458
|
|
1523
|
+
c-1.105,4.424-2.601,3.761-2.932,3.549c-0.04-1.197-0.095-2.517-0.156-3.895c-0.217-7.215-0.435-16.163-0.435-20.069
|
|
1524
|
+
c0-6.834,0.333-47.836,0-50.002c-0.334-2.166-0.5-32.166-1.5-34.166c-0.306-0.612-0.7-1.095-1.103-1.489
|
|
1525
|
+
c0,0-0.167-0.042-0.37-0.056l-0.056-0.083C86.294,278.656,100.72,257.159,103.22,251.409z"></path>
|
|
1526
|
+
</g>
|
|
1527
|
+
|
|
1528
|
+
|
|
1529
|
+
<!-- Tensor Fasciae Latae (Left) -->
|
|
1530
|
+
<linearGradient id="SVGID_rectus_left" gradientUnits="userSpaceOnUse" x1="47.9463" y1="282.9087" x2="47.9463" y2="390.8105">
|
|
1531
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
1532
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
1533
|
+
</linearGradient>
|
|
1534
|
+
|
|
1535
|
+
<linearGradient id="SVGID_abductors_left" gradientUnits="userSpaceOnUse" x1="35" y1="280" x2="60" y2="360">
|
|
1536
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
1537
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
1538
|
+
</linearGradient>
|
|
1539
|
+
|
|
1540
|
+
<!-- Tensor Fasciae Latae (Right) -->
|
|
1541
|
+
<linearGradient id="SVGID_rectus_right" gradientUnits="userSpaceOnUse" x1="26.6338" y1="282.9092" x2="26.6338" y2="390.8096" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1542
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
1543
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
1544
|
+
</linearGradient>
|
|
1545
|
+
|
|
1546
|
+
<linearGradient id="SVGID_abductors_right" gradientUnits="userSpaceOnUse" x1="35" y1="280" x2="60" y2="360" gradientTransform="matrix(-1 0 0 1 150.9072 0)">
|
|
1547
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
1548
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
1549
|
+
</linearGradient>
|
|
1550
|
+
|
|
1551
|
+
<!-- Tensor Fasciae Latae -->
|
|
1552
|
+
<g id="tensor_fasciae_latae" class="muscle">
|
|
1553
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_rectus_left)" d="M53.667,357.659c-2.25-4.25-18.584-74.75-18.584-74.75l-0.439,0.489
|
|
1554
|
+
c0.635,6.965,2.086,18.885,5.356,34.011c4.922,22.764,11.666,59.833,11.833,60.5c0.125,0.502,1.507,9.974,1.935,12.901
|
|
1555
|
+
c0.193-0.118,0.367-0.271,0.566-0.401c6.833-4.5,6.917-12.667,6.917-13.917C61.25,372.826,55.917,361.909,53.667,357.659z"></path>
|
|
1556
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_rectus_right)" d="M118.553,357.659c2.25-4.25,18.584-74.75,18.584-74.75l0.439,0.489
|
|
1557
|
+
c-0.635,6.965-2.086,18.885-5.356,34.011c-4.922,22.764-11.666,59.833-11.833,60.5c-0.125,0.502-1.507,9.974-1.935,12.901
|
|
1558
|
+
c-0.193-0.118-0.367-0.271-0.566-0.401c-6.833-4.5-6.917-12.667-6.917-13.917C110.97,372.826,116.303,361.909,118.553,357.659z"></path>
|
|
1559
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_abductors_left)" d="M48.667,238.992c0.416-0.917,1.916-3.833,1.916-3.833s-1.5-2.417-3.25-4.25
|
|
1560
|
+
c-1.148-1.203-3.688-3.189-5.305-4.417c-1.309,4.449-2.529,8.75-2.529,8.75s-4.666,21.5-5.332,41.333c0,0,0.037,1.204,0.199,3.441
|
|
1561
|
+
c0.438-1.342,1.002-2.995,1.717-4.941c2.083-5.667,10.5-19,10.334-21.75C46.25,250.575,48.249,239.909,48.667,238.992z"></path>
|
|
1562
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_abductors_right)" d="M123.553,238.992c-0.416-0.917-1.916-3.833-1.916-3.833s1.5-2.417,3.25-4.25
|
|
1563
|
+
c1.148-1.203,3.688-3.189,5.305-4.417c1.309,4.449,2.529,8.75,2.529,8.75s4.666,21.5,5.332,41.333c0,0-0.037,1.204-0.199,3.441
|
|
1564
|
+
c-0.438-1.342-1.002-2.995-1.717-4.941c-2.083-5.667-10.5-19-10.334-21.75C125.97,250.575,123.971,239.909,123.553,238.992z"></path>
|
|
1565
|
+
</g>
|
|
1566
|
+
|
|
1567
|
+
|
|
1568
|
+
|
|
1569
|
+
<g id="tooltip" visibility="hidden">
|
|
1570
|
+
<rect x="2" y="2" width="80" height="24" fill="black" opacity="0.4" rx="2" ry="2"></rect>
|
|
1571
|
+
<rect width="80" height="24" fill="white" rx="2" ry="2"></rect>
|
|
1572
|
+
<polygon points="7,0 12,-10 17,0" fill="black" opacity="0.4"></polygon>
|
|
1573
|
+
<polygon points="5,0 10,-10 15,0" fill="white"></polygon>
|
|
1574
|
+
<text x="4" y="6">Tooltip</text>
|
|
1575
|
+
</g>
|
|
1576
|
+
|
|
1577
|
+
<script type="text/ecmascript">
|
|
1578
|
+
(function () {
|
|
1579
|
+
var svg = document.querySelector('svg');
|
|
1580
|
+
var tooltip = svg.getElementById('tooltip');
|
|
1581
|
+
var tooltipText = tooltip.getElementsByTagName('text')[0];
|
|
1582
|
+
var tooltipRects = tooltip.getElementsByTagName('rect');
|
|
1583
|
+
var tooltipPolygons = tooltip.getElementsByTagName('polygon');
|
|
1584
|
+
var triggers = svg.getElementsByClassName('tooltip-trigger');
|
|
1585
|
+
|
|
1586
|
+
for (var i = 0; i < triggers.length; i++) {
|
|
1587
|
+
triggers[i].addEventListener('mousemove', showTooltip);
|
|
1588
|
+
triggers[i].addEventListener('mouseout', hideTooltip);
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1591
|
+
function showTooltip(evt) {
|
|
1592
|
+
var CTM = svg.getScreenCTM();
|
|
1593
|
+
var x = (evt.clientX - CTM.e + 6) / CTM.a;
|
|
1594
|
+
var y = (evt.clientY - CTM.f + 20) / CTM.d;
|
|
1595
|
+
|
|
1596
|
+
tooltipText.firstChild.data = evt.target.getAttributeNS(null, "data-tooltip-text");
|
|
1597
|
+
var length = tooltipText.getComputedTextLength();
|
|
1598
|
+
var tooltipWidth = length + 8;
|
|
1599
|
+
|
|
1600
|
+
for (var i = 0; i < tooltipRects.length; i++) {
|
|
1601
|
+
tooltipRects[i].setAttributeNS(null, "width", tooltipWidth);
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
// Get SVG viewBox dimensions
|
|
1605
|
+
var viewBox = svg.viewBox.baseVal;
|
|
1606
|
+
var svgWidth = viewBox.width;
|
|
1607
|
+
|
|
1608
|
+
// Check if tooltip would overflow on the right
|
|
1609
|
+
if (x + tooltipWidth > svgWidth) {
|
|
1610
|
+
x = x - tooltipWidth - 12; // Flip to left side
|
|
1611
|
+
// Move arrow to right side
|
|
1612
|
+
tooltipPolygons[0].setAttributeNS(null, "points", (tooltipWidth - 7) + ",0 " + (tooltipWidth - 12) + ",-10 " + (tooltipWidth - 17) + ",0");
|
|
1613
|
+
tooltipPolygons[1].setAttributeNS(null, "points", (tooltipWidth - 5) + ",0 " + (tooltipWidth - 10) + ",-10 " + (tooltipWidth - 15) + ",0");
|
|
1614
|
+
} else {
|
|
1615
|
+
// Arrow on left side (default)
|
|
1616
|
+
tooltipPolygons[0].setAttributeNS(null, "points", "7,0 12,-10 17,0");
|
|
1617
|
+
tooltipPolygons[1].setAttributeNS(null, "points", "5,0 10,-10 15,0");
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1620
|
+
tooltip.setAttributeNS(null, "transform", "translate(" + x + " " + y + ")");
|
|
1621
|
+
tooltip.setAttributeNS(null, "visibility", "visible");
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
function hideTooltip(evt) {
|
|
1625
|
+
tooltip.setAttributeNS(null, "visibility", "hidden");
|
|
1626
|
+
}
|
|
1627
|
+
})()
|
|
1628
|
+
<\/script>
|
|
1629
|
+
|
|
1630
|
+
</svg>`,
|
|
1631
|
+
"female back": `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="154.342px" height="539.348px" viewBox="0 0 154.342 539.348" enable-background="new 0 0 154.342 539.348" overflow="visible">
|
|
1632
|
+
<style type="text/css">
|
|
1633
|
+
.muscle {
|
|
1634
|
+
cursor: pointer;
|
|
1635
|
+
box-shadow: -10px 10px 0 0 rgba(0, 0, 0, .1);
|
|
1636
|
+
}
|
|
1637
|
+
|
|
1638
|
+
.muscle:hover,
|
|
1639
|
+
.muscle.active,
|
|
1640
|
+
.muscle.focus{
|
|
1641
|
+
stroke: red;
|
|
1642
|
+
stroke-width: 3;
|
|
1643
|
+
fill: #c0133c;
|
|
1644
|
+
fill-opacity: 0.5;
|
|
1645
|
+
}
|
|
1646
|
+
|
|
1647
|
+
#tooltip {
|
|
1648
|
+
dominant-baseline: hanging;
|
|
1649
|
+
}
|
|
1650
|
+
</style>
|
|
1651
|
+
|
|
1652
|
+
<linearGradient id="SVGID_body_outline" gradientUnits="userSpaceOnUse" x1="15.3335" y1="274.7173" x2="232.4595" y2="274.7173">
|
|
1653
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1654
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1655
|
+
</linearGradient>
|
|
1656
|
+
|
|
1657
|
+
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="53.749" y1="223.0981" x2="53.749" y2="283.7651">
|
|
1658
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1659
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1660
|
+
</linearGradient>
|
|
1661
|
+
|
|
1662
|
+
<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="-15.106" y1="223.0986" x2="-15.106" y2="283.7656" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1663
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1664
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1665
|
+
</linearGradient>
|
|
1666
|
+
|
|
1667
|
+
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="24.5713" y1="112.9043" x2="58.585" y2="112.9043">
|
|
1668
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1669
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1670
|
+
</linearGradient>
|
|
1671
|
+
|
|
1672
|
+
<linearGradient id="SVGID_29_" gradientUnits="userSpaceOnUse" x1="-44.2832" y1="112.9043" x2="-10.27" y2="112.9043" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1673
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1674
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1675
|
+
</linearGradient>
|
|
1676
|
+
|
|
1677
|
+
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="32.6943" y1="103.1543" x2="75.6074" y2="103.1543">
|
|
1678
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1679
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1680
|
+
</linearGradient>
|
|
1681
|
+
|
|
1682
|
+
<linearGradient id="SVGID_30_" gradientUnits="userSpaceOnUse" x1="-36.1602" y1="103.1543" x2="6.7529" y2="103.1543" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1683
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1684
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1685
|
+
</linearGradient>
|
|
1686
|
+
|
|
1687
|
+
<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="40.188" y1="182.2754" x2="75.4971" y2="182.2754">
|
|
1688
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1689
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1690
|
+
</linearGradient>
|
|
1691
|
+
|
|
1692
|
+
<linearGradient id="SVGID_32_" gradientUnits="userSpaceOnUse" x1="-27.8457" y1="182.2754" x2="6.6426" y2="182.2754" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1693
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1694
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1695
|
+
</linearGradient>
|
|
1696
|
+
|
|
1697
|
+
<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="42.875" y1="422.5039" x2="64.8193" y2="422.5039">
|
|
1698
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1699
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1700
|
+
</linearGradient>
|
|
1701
|
+
|
|
1702
|
+
<linearGradient id="SVGID_34_" gradientUnits="userSpaceOnUse" x1="-25.9795" y1="422.5039" x2="-4.0352" y2="422.5039" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1703
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1704
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1705
|
+
</linearGradient>
|
|
1706
|
+
|
|
1707
|
+
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="47.2012" y1="483.4316" x2="67.5889" y2="483.4316">
|
|
1708
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1709
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1710
|
+
</linearGradient>
|
|
1711
|
+
|
|
1712
|
+
<linearGradient id="SVGID_35_" gradientUnits="userSpaceOnUse" x1="-21.6533" y1="483.4316" x2="-1.2656" y2="483.4316" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1713
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1714
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1715
|
+
</linearGradient>
|
|
1716
|
+
|
|
1717
|
+
<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="46.8765" y1="507.5684" x2="67.4893" y2="507.5684">
|
|
1718
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1719
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1720
|
+
</linearGradient>
|
|
1721
|
+
|
|
1722
|
+
<linearGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" x1="-21.9785" y1="507.5684" x2="-1.3657" y2="507.5684" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1723
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1724
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1725
|
+
</linearGradient>
|
|
1726
|
+
|
|
1727
|
+
<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="36.7227" y1="345.7578" x2="72.7764" y2="345.7578">
|
|
1728
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1729
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1730
|
+
</linearGradient>
|
|
1731
|
+
|
|
1732
|
+
<linearGradient id="SVGID_37_" gradientUnits="userSpaceOnUse" x1="-32.1318" y1="345.7578" x2="3.9209" y2="345.7578" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1733
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1734
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1735
|
+
</linearGradient>
|
|
1736
|
+
|
|
1737
|
+
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="26.8623" y1="313.626" x2="41.5137" y2="313.626" gradientTransform="matrix(0.9999 -0.011 0.011 0.9999 -4.0986 0.4138)">
|
|
1738
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1739
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1740
|
+
</linearGradient>
|
|
1741
|
+
|
|
1742
|
+
<linearGradient id="SVGID_39_" gradientUnits="userSpaceOnUse" x1="-60.3857" y1="312.666" x2="-45.7344" y2="312.666" gradientTransform="matrix(-0.9999 -0.011 -0.011 0.9999 71.2055 0.4138)">
|
|
1743
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1744
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1745
|
+
</linearGradient>
|
|
1746
|
+
|
|
1747
|
+
<g id="Body_female_back">
|
|
1748
|
+
<path fill="#FFFFFF" stroke="url(#SVGID_body_outline)" stroke-width="2" stroke-miterlimit="10" d="M154.333,281.432c-0.167-1.833-8-23.667-8-23.667s-0.666-2.667-1.333-29s-6-42.5-7.5-45.5
|
|
1749
|
+
s-4.375-57.167-4.375-57.167s-0.375-2.125,0-4.625c0.308-2.052,1.45-4.969,1.093-13.542h0.146
|
|
1750
|
+
c-0.078-1.869-0.227-4.001-0.473-6.458c-1.375-13.75-9.5-18.5-11.625-18.875s-3.875-0.625-14.25-1.125s-15.625-4.5-17.75-7
|
|
1751
|
+
s-0.875-14.125-0.875-14.125c2.239-1.397,3.969-3.408,4.853-5.905c1.02-2.884,1.861-5.664,2.583-8.634
|
|
1752
|
+
c0.622-2.561,1.288-5.113,1.798-7.7c0.251-1.275,0.467-2.556,0.621-3.847c0.046-0.389,0.018-2.943,0.308-3.117
|
|
1753
|
+
c-0.029,0.018-0.059,0.036-0.059,0.036c1.375-9.375-0.979-17.083-0.979-17.083c-0.184-0.542-0.493-1.073-0.739-1.59
|
|
1754
|
+
c-0.248-0.52-0.502-1.036-0.771-1.545c-0.512-0.973-1.075-1.921-1.727-2.808c-1.187-1.615-2.669-2.966-4.37-4.023
|
|
1755
|
+
c-1.509-0.937-3.144-1.662-4.804-2.281c-1.384-0.516-2.798-0.962-4.239-1.286c-1.666-0.375-3.373-0.601-5.083-0.561
|
|
1756
|
+
c-0.462,0.011-0.924,0.041-1.383,0.093c-0.628,0.071-1.252,0.176-1.872,0.299c-0.656,0.13-1.307,0.284-1.952,0.455
|
|
1757
|
+
c-0.746,0.198-1.486,0.417-2.221,0.658c-0.822,0.27-1.638,0.564-2.438,0.893c-0.862,0.354-1.709,0.75-2.523,1.206
|
|
1758
|
+
c-0.854,0.477-1.669,1.021-2.425,1.642c-0.796,0.654-1.521,1.391-2.169,2.191c-0.695,0.859-1.303,1.786-1.852,2.745
|
|
1759
|
+
c-0.584,1.021-1.104,2.076-1.611,3.135c-0.12,0.25-0.29,0.514-0.371,0.778c-0.001,0.005-2.354,7.711-0.979,17.083
|
|
1760
|
+
c0,0-0.029-0.018-0.059-0.036c0.29,0.174,0.262,2.728,0.308,3.117c0.154,1.291,0.37,2.572,0.621,3.847
|
|
1761
|
+
c0.51,2.587,1.176,5.139,1.798,7.7c0.722,2.97,1.563,5.75,2.583,8.634c0.884,2.497,2.613,4.507,4.853,5.905
|
|
1762
|
+
c0,0,1.25,11.625-0.875,14.125s-7.375,6.5-17.75,7s-12.125,0.75-14.25,1.125s-10.25,5.125-11.625,18.875
|
|
1763
|
+
c-0.051,0.502-0.094,0.982-0.137,1.458h-0.001c-0.003,0.034-0.005,0.064-0.008,0.098c-0.063,0.718-0.118,1.407-0.165,2.066
|
|
1764
|
+
c-0.009,0.123-0.015,0.237-0.023,0.357c-0.034,0.515-0.064,1.013-0.09,1.494c-0.01,0.192-0.02,0.382-0.028,0.569
|
|
1765
|
+
c-0.006,0.136-0.015,0.281-0.021,0.415h0.005c-0.357,8.572,0.785,11.49,1.093,13.542c0.375,2.5,0,4.625,0,4.625
|
|
1766
|
+
s-2.875,54.167-4.375,57.167s-6.833,19.167-7.5,45.5s-1.333,29-1.333,29s-7.833,21.833-8,23.667s2.167,9.333,2.667,10.167
|
|
1767
|
+
s0.166,4.833,0.666,5.667c0.5,0.832,9.667,8.166,10.167,8.332c0.5,0.168,2.834,1.168,3.167,1.834s1.832,0.334,2.166-0.5
|
|
1768
|
+
s0-3.334,0-3.334l-2.833-2.832c0,0,0-0.668,0-2.168s-1.333-3.5-2.333-4s-2-2.667-2-2.667s2.999,1.667,4.166,0.333s1.5-3.5,1.5-3.5
|
|
1769
|
+
l0.834-13.5c0,0,1.5-3.5,2-5.5s0.166-11-0.167-13.833s2.667-15.667,4.167-19.833s10.333-28.333,10.833-30.5s1.499-8,2.333-20
|
|
1770
|
+
c0,0,3-34,3.75-42c0,0,1.5,23.25,2,29.75s-0.25,21.25-1,24.75s-4.75,9.5-6.5,15.25c0,0-4,10.75-4.25,12.75s-8.75,26.75-7.5,48.5
|
|
1771
|
+
c1.25,21.75,8.75,52.25,10,59.25s8.75,47.25,8.75,47.25l0.75,54.75c1.25,15,6.75,35.25,8,40.25s7.5,35.75,5.75,45.75
|
|
1772
|
+
c0,0-1.25,6-2.25,7.5s-2.25,3-3,4s-0.75,4.5-0.75,4.5s-0.75,1,2.25,0.75s6.75-0.5,6.75-0.5s5.5,1.25,7.75,1.25s6.5,0,8-1.75
|
|
1773
|
+
s1-13.5-0.75-19c0,0-0.25-2.5-0.25-3.5s0-2.75-1-8s-1.75-18-1.75-20s1-27,1.5-30.5s2.75-35.5-2.25-54.75c0,0-0.75-4.5-0.25-8.25
|
|
1774
|
+
s2.25-10,1.5-40c-0.305-12.18-0.444-26.709-0.503-39.671c1.103-5.771,4.482-23.437,5.316-27.328c0,0,4.833,29.833,4.835,29.827
|
|
1775
|
+
c-0.064,12.309-0.205,25.769-0.49,37.172c-0.75,30,1,36.25,1.5,40s-0.25,8.25-0.25,8.25c-5,19.25-2.75,51.25-2.25,54.75
|
|
1776
|
+
s1.5,28.5,1.5,30.5s-0.75,14.75-1.75,20s-1,7-1,8s-0.25,3.5-0.25,3.5c-1.75,5.5-2.25,17.25-0.75,19s5.75,1.75,8,1.75
|
|
1777
|
+
s7.75-1.25,7.75-1.25s3.75,0.25,6.75,0.5s2.25-0.75,2.25-0.75s0-3.5-0.75-4.5s-2-2.5-3-4s-2.25-7.5-2.25-7.5
|
|
1778
|
+
c-1.75-10,4.5-40.75,5.75-45.75s6.75-25.25,8-40.25s0.5-40.5,0.5-41.5s0.25-13.25,0.25-13.25s7.5-40.25,8.75-47.25
|
|
1779
|
+
s8.75-37.5,10-59.25c1.25-21.75-7.25-46.5-7.5-48.5s-4.25-12.75-4.25-12.75c-1.75-5.75-5.75-11.75-6.5-15.25s-1.5-18.25-1-24.75
|
|
1780
|
+
s2-29.75,2-29.75c0.75,8,3.75,42,3.75,42c0.834,12,1.833,17.833,2.333,20s9.333,26.333,10.833,30.5s4.5,17,4.167,19.833
|
|
1781
|
+
s-0.667,11.833-0.167,13.833s2,5.5,2,5.5l0.834,13.5c0,0,0.333,2.167,1.5,3.5s4.166-0.333,4.166-0.333s-1,2.167-2,2.667
|
|
1782
|
+
s-2.333,2.5-2.333,4s0,2.168,0,2.168l-2.833,2.832c0,0-0.334,2.5,0,3.334s1.833,1.166,2.166,0.5s2.667-1.666,3.167-1.834
|
|
1783
|
+
c0.5-0.166,9.667-7.5,10.167-8.332c0.5-0.834,0.166-4.834,0.666-5.667S154.5,283.265,154.333,281.432z"></path>
|
|
1784
|
+
</g>
|
|
1785
|
+
|
|
1786
|
+
<!-- Gluteus Maximus (Left) -->
|
|
1787
|
+
<linearGradient id="SVGID_2_woman" gradientUnits="userSpaceOnUse" x1="53.749" y1="223.0981" x2="53.749" y2="283.7651">
|
|
1788
|
+
<stop offset="0" style="stop-color: rgb(126,155,201);"></stop>
|
|
1789
|
+
<stop offset="1" style="stop-color: rgb(101,142,205);"></stop>
|
|
1790
|
+
</linearGradient>
|
|
1791
|
+
|
|
1792
|
+
<!-- Gluteus Maximus (Right) -->
|
|
1793
|
+
<linearGradient id="SVGID_21_woman" gradientUnits="userSpaceOnUse" x1="-15.106" y1="223.0986" x2="-15.106" y2="283.7656" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1794
|
+
<stop offset="0" style="stop-color: rgb(126,155,201);"></stop>
|
|
1795
|
+
<stop offset="1" style="stop-color: rgb(101,142,205);"></stop>
|
|
1796
|
+
</linearGradient>
|
|
1797
|
+
|
|
1798
|
+
<!-- Gluteus Maximus -->
|
|
1799
|
+
<g id="gluteus_maximus" class="muscle">
|
|
1800
|
+
<path data-tooltip-text="Gluteus Maximus" class="tooltip-trigger" fill="url(#SVGID_2_woman)" d="M50.071,223.098c0,0-6.499,4.5-10.833,7s-7.834,8.667-7.834,8.667s-3.152,20.01,1.167,29.167
|
|
1801
|
+
c4.167,8.833,11.833,15.833,22.167,15.833c10.345,0,18.667-8,20-11.5c0,0,2.625-6.125,2.458-12.708
|
|
1802
|
+
c-0.135-5.324-1.396-10.271-2.625-12.958C69.858,236.291,55.071,224.765,50.071,223.098z"></path>
|
|
1803
|
+
<path data-tooltip-text="Gluteus Maximus" class="tooltip-trigger" fill="url(#SVGID_21_woman)" d="M104.289,223.098c0,0,6.499,4.5,10.833,7s7.834,8.667,7.834,8.667s3.152,20.01-1.167,29.167
|
|
1804
|
+
c-4.167,8.833-11.833,15.833-22.167,15.833c-10.345,0-18.667-8-20-11.5c0,0-2.625-6.125-2.458-12.708
|
|
1805
|
+
c0.135-5.324,1.396-10.271,2.625-12.958C84.502,236.291,99.289,224.765,104.289,223.098z"></path>
|
|
1806
|
+
</g>
|
|
1807
|
+
|
|
1808
|
+
<!-- Abductors -->
|
|
1809
|
+
<linearGradient id="SVGID_38_" gradientUnits="userSpaceOnUse" x1="94.7148" y1="290.2212" x2="59.6455" y2="290.2212">
|
|
1810
|
+
<stop offset="0" style="stop-color: rgb(73,79,117);"></stop>
|
|
1811
|
+
<stop offset="1" style="stop-color: rgb(50,55,125);"></stop>
|
|
1812
|
+
</linearGradient>
|
|
1813
|
+
|
|
1814
|
+
<!-- Abductors -->
|
|
1815
|
+
<g id="abductors" class="muscle">
|
|
1816
|
+
<path data-tooltip-text="Abductors" class="tooltip-trigger" fill="url(#SVGID_38_)" d="M77.289,273.682c0,0-0.124-0.203-0.218,0c0,0-5.936,8.462-17.426,11.07
|
|
1817
|
+
c0.924,2.297,3.593,8.222,5.801,11.055c1.551,1.99,5.292,3.584,7.967,11.044c1.283-6.484,2.934-14.777,3.639-18.644
|
|
1818
|
+
c0.07-0.02,0.159-0.01,0.266,0.048c0.71,3.887,2.352,12.137,3.63,18.596c2.675-7.46,6.416-9.054,7.967-11.044
|
|
1819
|
+
c2.208-2.833,4.877-8.758,5.801-11.055C83.225,282.144,77.289,273.682,77.289,273.682z"></path>
|
|
1820
|
+
</g>
|
|
1821
|
+
|
|
1822
|
+
<!-- Deltoid (Left) -->
|
|
1823
|
+
<linearGradient id="SVGID_6_woman" gradientUnits="userSpaceOnUse" x1="20.0488" y1="103.5498" x2="50.9043" y2="103.5498">
|
|
1824
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1825
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1826
|
+
</linearGradient>
|
|
1827
|
+
|
|
1828
|
+
<!-- Deltoid (Right) -->
|
|
1829
|
+
<linearGradient id="SVGID_24_woman" gradientUnits="userSpaceOnUse" x1="-66.9043" y1="103.5498" x2="-35.9488" y2="103.5498" gradientTransform="matrix(-1 0 0 1 37.5518 0)">
|
|
1830
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1831
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1832
|
+
</linearGradient>
|
|
1833
|
+
|
|
1834
|
+
<!-- Deltoid -->
|
|
1835
|
+
<g id="deltoid" class="muscle">
|
|
1836
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_6_woman)" d="M50.904,92.932c0,0-16.333-2.333-19.666-3.5c-2.465-0.863-3.288-2.999-3.55-4.054
|
|
1837
|
+
c-2.954,2.751-6.264,7.764-7.097,16.096c-1.375,13.75,0.25,17.5,0.625,20c0.013,0.084,0.019,0.165,0.029,0.249
|
|
1838
|
+
c2.764-7.031,9.638-18.251,16.658-20.123C45.404,99.599,50.904,92.932,50.904,92.932z"></path>
|
|
1839
|
+
<path data-tooltip-text="Deltoid" class="tooltip-trigger" fill="url(#SVGID_24_woman)" d="M103.456,92.932c0,0,16.333-2.333,19.666-3.5c2.465-0.863,3.288-2.999,3.55-4.054
|
|
1840
|
+
c2.954,2.751,6.264,7.764,7.097,16.096c1.375,13.75-0.25,17.5-0.625,20c-0.013,0.084-0.019,0.165-0.029,0.249
|
|
1841
|
+
c-2.764-7.031-9.638-18.251-16.658-20.123C108.956,99.599,103.456,92.932,103.456,92.932z"></path>
|
|
1842
|
+
</g>
|
|
1843
|
+
|
|
1844
|
+
<!-- Infraspinatus & Teres Major (Left) -->
|
|
1845
|
+
<linearGradient id="SVGID_11_woman" gradientUnits="userSpaceOnUse" x1="24.5713" y1="112.9043" x2="58.585" y2="112.9043">
|
|
1846
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1847
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1848
|
+
</linearGradient>
|
|
1849
|
+
|
|
1850
|
+
<!-- Infraspinatus & Teres Major (Right) -->
|
|
1851
|
+
<linearGradient id="SVGID_29_woman" gradientUnits="userSpaceOnUse" x1="-44.2832" y1="112.9043" x2="-10.27" y2="112.9043" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1852
|
+
<stop offset="0" style="stop-color: rgb(181,98,69);"></stop>
|
|
1853
|
+
<stop offset="1" style="stop-color: rgb(183,82,44);"></stop>
|
|
1854
|
+
</linearGradient>
|
|
1855
|
+
|
|
1856
|
+
<!-- Infraspinatus & Teres Major -->
|
|
1857
|
+
<g id="infraspinatus_teres_major" class="muscle">
|
|
1858
|
+
<path data-tooltip-text="Infraspinatus & Teres Major" class="tooltip-trigger" fill="url(#SVGID_11_woman)" d="M58.404,132.432c0,0-14.5-1.167-18.5-2.5c0,0-3.166-7.5-3.666-9.5s-0.167-8.667-0.167-8.667
|
|
1859
|
+
s-7.667,0.333-11.5,5.667c0,0,4.414-11.691,14.084-15.167c10.667-3.833,11.75-7.417,12.916-9c0,0,2.779,4.327,3.833,10
|
|
1860
|
+
c1.109,5.968,1.734,19.56,2.834,26.167C58.904,133.432,58.404,132.432,58.404,132.432z"></path>
|
|
1861
|
+
<path data-tooltip-text="Infraspinatus & Teres Major" class="tooltip-trigger" fill="url(#SVGID_29_woman)" d="M95.956,132.432c0,0,14.5-1.167,18.5-2.5c0,0,3.166-7.5,3.666-9.5s0.167-8.667,0.167-8.667
|
|
1862
|
+
s7.667,0.333,11.5,5.667c0,0-4.414-11.691-14.084-15.167c-10.667-3.833-11.75-7.417-12.916-9c0,0-2.779,4.327-3.833,10
|
|
1863
|
+
c-1.109,5.968-1.734,19.56-2.834,26.167C95.456,133.432,95.956,132.432,95.956,132.432z"></path>
|
|
1864
|
+
</g>
|
|
1865
|
+
|
|
1866
|
+
<!-- Trapezius (Left) -->
|
|
1867
|
+
<linearGradient id="SVGID_12_woman" gradientUnits="userSpaceOnUse" x1="32.6943" y1="103.1543" x2="75.6074" y2="103.1543">
|
|
1868
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
1869
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
1870
|
+
</linearGradient>
|
|
1871
|
+
|
|
1872
|
+
<!-- Trapezius (Right) -->
|
|
1873
|
+
<linearGradient id="SVGID_30_woman" gradientUnits="userSpaceOnUse" x1="-36.1602" y1="103.1543" x2="6.7529" y2="103.1543" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1874
|
+
<stop offset="0" style="stop-color: rgb(124,67,89);"></stop>
|
|
1875
|
+
<stop offset="1" style="stop-color: rgb(78,46,54);"></stop>
|
|
1876
|
+
</linearGradient>
|
|
1877
|
+
|
|
1878
|
+
<!-- Trapezius -->
|
|
1879
|
+
<g id="trapezius" class="muscle">
|
|
1880
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_12_woman)" d="M59.904,126.765c0.209,3.51,1,5.5,1,5.5l12.334,21.167c-0.478-13.896-0.57-26.97-0.792-40.875
|
|
1881
|
+
c-0.063-3.988,0.452-6.137,0.375-10.125c-0.088-4.531-2.054-11.646-2.25-16.167c-0.167-3.833,3.5-12,4.167-14.667
|
|
1882
|
+
s1.166-14,0.666-17s-4.833-1.167-4.833-1.167c-1.667,3.167-2.167,10.667-3.833,14.167c0,0-0.3,1.352-1.444,3.225
|
|
1883
|
+
c-0.172,1.612-0.499,2.97-1.077,3.65c-2.125,2.5-7.375,6.5-17.75,7c-9.595,0.462-11.813,0.711-13.772,1.042
|
|
1884
|
+
c0.826,1.989,2.044,4.083,2.044,4.083c2.208,1.083,4.826,1.351,7.208,1.833c3.685,0.747,8.118,0.683,14,1.375
|
|
1885
|
+
c4.25,0.5,4.597,1.513,5.875,3.75c1,1.75-0.625,4.625-1.125,10c-0.457,4.911-0.98,9.011-1.125,15.25
|
|
1886
|
+
C59.53,120.592,59.571,121.182,59.904,126.765z"></path>
|
|
1887
|
+
<path data-tooltip-text="Trapezius" class="tooltip-trigger" fill="url(#SVGID_30_woman)" d="M94.456,126.765c-0.209,3.51-1,5.5-1,5.5l-12.334,21.167c0.478-13.896,0.57-26.97,0.792-40.875
|
|
1888
|
+
c0.063-3.988-0.452-6.137-0.375-10.125c0.088-4.531,2.054-11.646,2.25-16.167c0.167-3.833-3.5-12-4.167-14.667s-1.166-14-0.666-17
|
|
1889
|
+
s4.833-1.167,4.833-1.167c1.667,3.167,2.167,10.667,3.833,14.167c0,0,0.3,1.352,1.444,3.225c0.172,1.612,0.499,2.97,1.077,3.65
|
|
1890
|
+
c2.125,2.5,7.375,6.5,17.75,7c9.595,0.462,11.813,0.711,13.772,1.042c-0.826,1.989-2.044,4.083-2.044,4.083
|
|
1891
|
+
c-2.208,1.083-4.826,1.351-7.208,1.833c-3.685,0.747-8.118,0.683-14,1.375c-4.25,0.5-4.597,1.513-5.875,3.75
|
|
1892
|
+
c-1,1.75,0.625,4.625,1.125,10c0.457,4.911,0.98,9.011,1.125,15.25C94.83,120.592,94.789,121.182,94.456,126.765z"></path>
|
|
1893
|
+
</g>
|
|
1894
|
+
|
|
1895
|
+
<!-- External Oblique (Left) -->
|
|
1896
|
+
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="37.1768" y1="205.7031" x2="45.2402" y2="205.7031">
|
|
1897
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1898
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1899
|
+
</linearGradient>
|
|
1900
|
+
|
|
1901
|
+
<!-- External Oblique (Right) -->
|
|
1902
|
+
<linearGradient id="SVGID_31_" gradientUnits="userSpaceOnUse" x1="-31.6777" y1="205.7031" x2="-23.6147" y2="205.7031" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1903
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
1904
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
1905
|
+
</linearGradient>
|
|
1906
|
+
|
|
1907
|
+
<!-- External Oblique -->
|
|
1908
|
+
<g id="external_oblique" class="muscle">
|
|
1909
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_13_)" d="M43.238,198.182c-0.201-0.459-0.562-0.9-0.945-1.29c-0.066,0.482-0.134,0.892-0.201,1.207
|
|
1910
|
+
c-0.569,2.655-3.007,6.75-4.915,11.082c3.063,1.951,7.978,5.335,7.978,5.335C45.654,210.265,43.821,199.515,43.238,198.182z"></path>
|
|
1911
|
+
<path data-tooltip-text="External Oblique" class="tooltip-trigger" fill="url(#SVGID_31_)" d="M111.122,198.182c0.201-0.459,0.562-0.9,0.945-1.29c0.066,0.482,0.134,0.892,0.201,1.207
|
|
1912
|
+
c0.569,2.655,3.007,6.75,4.915,11.082c-3.063,1.951-7.978,5.335-7.978,5.335C108.706,210.265,110.539,199.515,111.122,198.182z"></path>
|
|
1913
|
+
</g>
|
|
1914
|
+
|
|
1915
|
+
<!-- Gluteus Medius (Left) -->
|
|
1916
|
+
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="40.0713" y1="213.0981" x2="40.0713" y2="236.9316">
|
|
1917
|
+
<stop offset="0" style="stop-color: rgb(126,155,161);"></stop>
|
|
1918
|
+
<stop offset="1" style="stop-color: rgb(101,142,165);"></stop>
|
|
1919
|
+
</linearGradient>
|
|
1920
|
+
|
|
1921
|
+
<!-- Gluteus Medius (Right) -->
|
|
1922
|
+
<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="-28.7837" y1="213.0986" x2="-28.7837" y2="236.9321" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1923
|
+
<stop offset="0" style="stop-color: rgb(126,155,161);"></stop>
|
|
1924
|
+
<stop offset="1" style="stop-color: rgb(101,142,165);"></stop>
|
|
1925
|
+
</linearGradient>
|
|
1926
|
+
|
|
1927
|
+
<!-- Gluteus Medius -->
|
|
1928
|
+
<g id="gluteus_medius" class="muscle">
|
|
1929
|
+
<path data-tooltip-text="Gluteus Medius" class="tooltip-trigger" fill="url(#SVGID_1_)" d="M35.404,213.098c0,0-4.499,14.333-4.666,23.833c0,0,3.333-4.667,8.333-8s10.333-7,10.333-7
|
|
1930
|
+
S39.07,214.431,35.404,213.098z"></path>
|
|
1931
|
+
<path data-tooltip-text="Gluteus Medius" class="tooltip-trigger" fill="url(#SVGID_20_)" d="M118.956,213.098c0,0,4.499,14.333,4.666,23.833c0,0-3.333-4.667-8.333-8s-10.333-7-10.333-7
|
|
1932
|
+
S115.29,214.431,118.956,213.098z"></path>
|
|
1933
|
+
</g>
|
|
1934
|
+
|
|
1935
|
+
<!-- Latissimus Dorsi (Left) -->
|
|
1936
|
+
<linearGradient id="SVGID_14_woman" gradientUnits="userSpaceOnUse" x1="40.188" y1="182.2754" x2="75.4971" y2="182.2754">
|
|
1937
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1938
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1939
|
+
</linearGradient>
|
|
1940
|
+
|
|
1941
|
+
<!-- Latissimus Dorsi (Right) -->
|
|
1942
|
+
<linearGradient id="SVGID_32_woman" gradientUnits="userSpaceOnUse" x1="-27.8457" y1="182.2754" x2="6.6426" y2="182.2754" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1943
|
+
<stop offset="0" style="stop-color: rgb(94,100,75);"></stop>
|
|
1944
|
+
<stop offset="1" style="stop-color: rgb(95,103,55);"></stop>
|
|
1945
|
+
</linearGradient>
|
|
1946
|
+
|
|
1947
|
+
<!-- Latissimus Dorsi -->
|
|
1948
|
+
<g id="latissimus_dorsi" class="muscle">
|
|
1949
|
+
<path data-tooltip-text="Latissimus Dorsi" class="tooltip-trigger" fill="url(#SVGID_14_woman)" d="M41.092,143.598c0,0,1.5,23.25,2,29.75c0.411,5.342-0.022,16.253-0.606,21.915
|
|
1950
|
+
c0.812,0.649,1.942,1.862,2.253,3.752c0.62,3.773,2.292,11.833,1.542,16.583l1.291,0.919c0,0.013,0,0.039,0,0.039
|
|
1951
|
+
c5.125,3.75,22,16.375,22,16.375c-2.625-6.25-6.835-17.373-6.75-33.125c0.027-5.027,0.797-11.021,4.683-14.664
|
|
1952
|
+
c1.716-1.609,3.558-2.751,4.909-4.764c1.716-2.555,2.462-5.531,2.838-8.55c0.693-5.582-0.004-10.984-3.07-15.709l-12-22.25
|
|
1953
|
+
c0,0-8.922-0.5-19.172-2.25L41.092,143.598z"></path>
|
|
1954
|
+
<path data-tooltip-text="Latissimus Dorsi" class="tooltip-trigger" fill="url(#SVGID_32_woman)" d="M113.269,143.598c0,0-1.5,23.25-2,29.75c-0.411,5.342,0.022,16.253,0.606,21.915
|
|
1955
|
+
c-0.812,0.649-1.942,1.862-2.253,3.752c-0.62,3.773-2.292,11.833-1.542,16.583l-1.291,0.919c0,0.013,0,0.039,0,0.039
|
|
1956
|
+
c-5.125,3.75-22,16.375-22,16.375c2.625-6.25,6.835-17.373,6.75-33.125c-0.027-5.027-0.797-11.021-4.683-14.664
|
|
1957
|
+
c-1.716-1.609-3.558-2.751-4.909-4.764c-1.716-2.555-2.462-5.531-2.838-8.55c-0.693-5.582,0.004-10.984,3.07-15.709l12-22.25
|
|
1958
|
+
c0,0,8.922-0.5,19.172-2.25L113.269,143.598z"></path>
|
|
1959
|
+
</g>
|
|
1960
|
+
|
|
1961
|
+
<!-- Brachioradialis (Left) -->
|
|
1962
|
+
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="9.5615" y1="201.6309" x2="21.9043" y2="201.6309">
|
|
1963
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1964
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1965
|
+
</linearGradient>
|
|
1966
|
+
|
|
1967
|
+
<!-- Brachioradialis (Right) -->
|
|
1968
|
+
<linearGradient id="SVGID_25_" gradientUnits="userSpaceOnUse" x1="-59.293" y1="201.6309" x2="-46.9502" y2="201.6309" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1969
|
+
<stop offset="0" style="stop-color: rgb(66, 186, 191);"></stop>
|
|
1970
|
+
<stop offset="1" style="stop-color: rgb(149, 206, 189);"></stop>
|
|
1971
|
+
</linearGradient>
|
|
1972
|
+
|
|
1973
|
+
<!-- Brachioradialis -->
|
|
1974
|
+
<g id="brachioradialis" class="muscle">
|
|
1975
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_7_)" d="M21.904,188.599c0-3.719-3.052-7.133-4.462-8.514c-0.215,1.689-0.418,2.816-0.601,3.181
|
|
1976
|
+
c-1.391,2.781-6.073,16.887-7.28,39.913C14.639,207.783,21.904,188.599,21.904,188.599z"></path>
|
|
1977
|
+
<path data-tooltip-text="Brachioradialis" class="tooltip-trigger" fill="url(#SVGID_25_)" d="M132.456,188.599c0-3.719,3.052-7.133,4.462-8.514c0.215,1.689,0.418,2.816,0.601,3.181
|
|
1978
|
+
c1.391,2.781,6.073,16.887,7.28,39.913C139.722,207.783,132.456,188.599,132.456,188.599z"></path>
|
|
1979
|
+
</g>
|
|
1980
|
+
|
|
1981
|
+
<!-- Finger Extensors (Left) -->
|
|
1982
|
+
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="8.3027" y1="221.937" x2="30.1377" y2="221.937">
|
|
1983
|
+
<stop offset="0" style="stop-color: rgb(177,240,135);"></stop>
|
|
1984
|
+
<stop offset="1" style="stop-color: rgb(166,236,106);"></stop>
|
|
1985
|
+
</linearGradient>
|
|
1986
|
+
|
|
1987
|
+
<!-- Finger Extensors (Right) -->
|
|
1988
|
+
<linearGradient id="SVGID_26_" gradientUnits="userSpaceOnUse" x1="-60.5518" y1="221.937" x2="-38.7168" y2="221.937" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
1989
|
+
<stop offset="0" style="stop-color: rgb(177,240,135);"></stop>
|
|
1990
|
+
<stop offset="1" style="stop-color: rgb(166,236,106);"></stop>
|
|
1991
|
+
</linearGradient>
|
|
1992
|
+
|
|
1993
|
+
<!-- Finger Extensors -->
|
|
1994
|
+
<g id="finger_extensors" class="muscle">
|
|
1995
|
+
<path data-tooltip-text="Finger Extensors" class="tooltip-trigger" fill="url(#SVGID_8_)" d="M25.288,195.671c-0.693-1.139-1.193-2.42-1.474-3.152c-0.469-1.221-0.74-2.607-0.888-3.562v0
|
|
1996
|
+
c0,0-8.684,25.979-13.485,36.811c-0.039,0.986-0.074,1.982-0.1,2.999c-0.392,15.461-0.782,22.758-1.039,26.153
|
|
1997
|
+
c2.44-0.048,8.509-0.277,11.818-1.339c0.573-4.766,2.821-14.053,4.055-17.48c0.768-2.131,3.453-9.497,5.962-16.474
|
|
1998
|
+
c-0.178-1.35-0.674-3.884-2.066-7.525C26.368,207.646,24.881,199.917,25.288,195.671z"></path>
|
|
1999
|
+
<path data-tooltip-text="Finger Extensors" class="tooltip-trigger" fill="url(#SVGID_26_)" d="M129.072,195.671c0.693-1.139,1.193-2.42,1.474-3.152c0.469-1.221,0.74-2.607,0.888-3.562v0
|
|
2000
|
+
c0,0,8.684,25.979,13.485,36.811c0.039,0.986,0.074,1.982,0.1,2.999c0.392,15.461,0.782,22.758,1.039,26.153
|
|
2001
|
+
c-2.44-0.048-8.509-0.277-11.818-1.339c-0.573-4.766-2.821-14.053-4.055-17.48c-0.768-2.131-3.453-9.497-5.962-16.474
|
|
2002
|
+
c0.178-1.35,0.674-3.884,2.066-7.525C127.992,207.646,129.479,199.917,129.072,195.671z"></path>
|
|
2003
|
+
</g>
|
|
2004
|
+
|
|
2005
|
+
<!-- Triceps (Left) -->
|
|
2006
|
+
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="17.6709" y1="151.2686" x2="40.1572" y2="151.2686">
|
|
2007
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
2008
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
2009
|
+
</linearGradient>
|
|
2010
|
+
|
|
2011
|
+
<!-- Triceps (Right) -->
|
|
2012
|
+
<linearGradient id="SVGID_27_" gradientUnits="userSpaceOnUse" x1="-51.1836" y1="151.2686" x2="-28.6973" y2="151.2686" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2013
|
+
<stop offset="0" style="stop-color: rgb(124,111,80);"></stop>
|
|
2014
|
+
<stop offset="1" style="stop-color: rgb(127,113,51);"></stop>
|
|
2015
|
+
</linearGradient>
|
|
2016
|
+
|
|
2017
|
+
<!-- Triceps -->
|
|
2018
|
+
<g id="triceps" class="muscle">
|
|
2019
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_9_)" d="M29.018,184.678c0.233,1.094,0.66,3.528,1.447,4.927c2.235-1.607,5.239-2.851,6.837-3.448
|
|
2020
|
+
c0.013-0.188,0.026-0.367,0.04-0.559c0,0,1.656-18.77,2.815-31.7c-0.178-8.275-0.586-22.133-0.586-22.133s-3.499-9-4.333-10
|
|
2021
|
+
s-0.292-8.833-0.292-8.833c-8.5,2.667-12.061,8.781-13.571,10.321c0.053,1.651-0.158,2.845-0.158,2.845s-2.01,37.873-3.546,52.033
|
|
2022
|
+
c1.271,1.088,3.601,4.491,5.4,9.301c1.083-10.833,2.788-24.991,3.333-27.167c0.571-2.285,1.801-2.864,1.801-2.864
|
|
2023
|
+
C31.988,158.265,27.988,179.848,29.018,184.678z"></path>
|
|
2024
|
+
<path data-tooltip-text="Triceps" class="tooltip-trigger" fill="url(#SVGID_27_)" d="M125.343,184.678c-0.233,1.094-0.66,3.528-1.447,4.927c-2.235-1.607-5.239-2.851-6.837-3.448
|
|
2025
|
+
c-0.013-0.188-0.026-0.367-0.04-0.559c0,0-1.656-18.77-2.815-31.7c0.178-8.275,0.586-22.133,0.586-22.133s3.499-9,4.333-10
|
|
2026
|
+
s0.292-8.833,0.292-8.833c8.5,2.667,12.061,8.781,13.571,10.321c-0.053,1.651,0.158,2.845,0.158,2.845s2.01,37.873,3.546,52.033
|
|
2027
|
+
c-1.271,1.088-3.601,4.491-5.4,9.301c-1.083-10.833-2.788-24.991-3.333-27.167c-0.571-2.285-1.801-2.864-1.801-2.864
|
|
2028
|
+
C122.372,158.265,126.372,179.848,125.343,184.678z"></path>
|
|
2029
|
+
</g>
|
|
2030
|
+
|
|
2031
|
+
<!-- Finger Flexors (Left) -->
|
|
2032
|
+
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="26.5576" y1="202.7061" x2="37.208" y2="202.7061">
|
|
2033
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
2034
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
2035
|
+
</linearGradient>
|
|
2036
|
+
|
|
2037
|
+
<!-- Finger Flexors (Right) -->
|
|
2038
|
+
<linearGradient id="SVGID_28_" gradientUnits="userSpaceOnUse" x1="-42.2969" y1="202.7061" x2="-31.6465" y2="202.7061" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2039
|
+
<stop offset="0" style="stop-color: rgb(177,200,135);"></stop>
|
|
2040
|
+
<stop offset="1" style="stop-color: rgb(166,196,106);"></stop>
|
|
2041
|
+
</linearGradient>
|
|
2042
|
+
|
|
2043
|
+
<!-- Finger Flexors -->
|
|
2044
|
+
<g id="finger_flexors" class="muscle">
|
|
2045
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_10_)" d="M26.904,203.765c0.539,1.752,2.932,10.807,3.827,14.207c2.158-6.021,4.054-11.403,4.277-12.374
|
|
2046
|
+
c0.474-2.052,1.395-7.403,2.199-18.158c-1.39,0.497-3.958,1.543-6.255,3.178c0.463,1.759-0.032,5.394-0.331,6.211
|
|
2047
|
+
c-0.339,0.934-1.767,1.79-3.479,0.849c-0.179-0.098-0.347-0.229-0.513-0.367C26.532,199.254,26.465,202.338,26.904,203.765z"></path>
|
|
2048
|
+
<path data-tooltip-text="Finger Flexors" class="tooltip-trigger" fill="url(#SVGID_28_)" d="M127.456,203.765c-0.539,1.752-2.932,10.807-3.827,14.207c-2.158-6.021-4.054-11.403-4.277-12.374
|
|
2049
|
+
c-0.474-2.052-1.395-7.403-2.199-18.158c1.39,0.497,3.958,1.543,6.255,3.178c-0.463,1.759,0.032,5.394,0.331,6.211
|
|
2050
|
+
c0.339,0.934,1.767,1.79,3.479,0.849c0.179-0.098,0.347-0.229,0.513-0.367C127.828,199.254,127.896,202.338,127.456,203.765z"></path>
|
|
2051
|
+
</g>
|
|
2052
|
+
|
|
2053
|
+
<!-- Gastrocnemius (Left) -->
|
|
2054
|
+
<linearGradient id="SVGID_16_woman" gradientUnits="userSpaceOnUse" x1="42.875" y1="422.5039" x2="64.8193" y2="422.5039">
|
|
2055
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
2056
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
2057
|
+
</linearGradient>
|
|
2058
|
+
|
|
2059
|
+
<!-- Gastrocnemius (Right) -->
|
|
2060
|
+
<linearGradient id="SVGID_34_woman" gradientUnits="userSpaceOnUse" x1="-25.9795" y1="422.5039" x2="-4.0352" y2="422.5039" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2061
|
+
<stop offset="0" style="stop-color: rgb(129,109,152);"></stop>
|
|
2062
|
+
<stop offset="1" style="stop-color: rgb(116,80,154);"></stop>
|
|
2063
|
+
</linearGradient>
|
|
2064
|
+
|
|
2065
|
+
<!-- Gastrocnemius -->
|
|
2066
|
+
<g id="gastrocnemius" class="muscle">
|
|
2067
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_16_woman)" d="M64.669,444.885c-0.5-3.666-3.334-18.666-3.334-20.166s-2.334-30.834-2.334-30.834
|
|
2068
|
+
s-7-11.334-8.5-9.834c0,0-3.047,9.687-7.626,17.716l0.467,34.081c0.537,6.441,1.857,13.849,3.289,20.603
|
|
2069
|
+
c1.269,2.019,2.598,3.539,3.87,3.935c4.834,1.5,8,0.5,11-1.834C64.501,456.219,65.169,448.551,64.669,444.885z"></path>
|
|
2070
|
+
<path data-tooltip-text="Gastrocnemius" class="tooltip-trigger" fill="url(#SVGID_34_woman)" d="M89.691,444.885c0.5-3.666,3.334-18.666,3.334-20.166s2.334-30.834,2.334-30.834
|
|
2071
|
+
s7-11.334,8.5-9.834c0,0,3.047,9.687,7.626,17.716l-0.467,34.081c-0.537,6.441-1.857,13.849-3.289,20.603
|
|
2072
|
+
c-1.269,2.019-2.598,3.539-3.87,3.935c-4.834,1.5-8,0.5-11-1.834C89.859,456.219,89.191,448.551,89.691,444.885z"></path>
|
|
2073
|
+
</g>
|
|
2074
|
+
|
|
2075
|
+
<!-- Soleus (Left) -->
|
|
2076
|
+
<linearGradient id="SVGID_17_woman" gradientUnits="userSpaceOnUse" x1="47.2012" y1="483.4316" x2="67.5889" y2="483.4316">
|
|
2077
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
2078
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
2079
|
+
</linearGradient>
|
|
2080
|
+
|
|
2081
|
+
<linearGradient id="SVGID_18_woman" gradientUnits="userSpaceOnUse" x1="46.8765" y1="507.5684" x2="67.4893" y2="507.5684">
|
|
2082
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
2083
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
2084
|
+
</linearGradient>
|
|
2085
|
+
|
|
2086
|
+
<!-- Soleus (Right) -->
|
|
2087
|
+
<linearGradient id="SVGID_35_woman" gradientUnits="userSpaceOnUse" x1="-21.6533" y1="483.4316" x2="-1.2656" y2="483.4316" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2088
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
2089
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
2090
|
+
</linearGradient>
|
|
2091
|
+
|
|
2092
|
+
<linearGradient id="SVGID_36_woman" gradientUnits="userSpaceOnUse" x1="-21.9785" y1="507.5684" x2="-1.3657" y2="507.5684" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2093
|
+
<stop offset="0" style="stop-color: rgb(207,116,69);"></stop>
|
|
2094
|
+
<stop offset="1" style="stop-color: rgb(215,88,19);"></stop>
|
|
2095
|
+
</linearGradient>
|
|
2096
|
+
|
|
2097
|
+
<!-- Soleus -->
|
|
2098
|
+
<g id="soleus" class="muscle">
|
|
2099
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_17_woman)" d="M66.688,502.511c-0.174-0.699-0.377-1.533-0.525-2.215c-0.453-2.066-0.912-4.131-1.393-6.191
|
|
2100
|
+
c-0.85-3.65-1.758-7.287-2.783-10.891c-1.219-4.283-2.553-8.586-4.379-12.654c-0.416-0.928-0.902-1.813-1.357-2.721
|
|
2101
|
+
c-1.449-2.898-4.316-4.24-6.672-6.229c-0.888-0.748-1.664-1.61-2.378-2.523c0.751,3.397,1.507,6.558,2.176,9.262
|
|
2102
|
+
c0.268,0.254,0.523,0.503,0.749,0.74c2.5,2.625,7.625,14.75,8.75,17.375c0.398,0.926,0.746,1.875,1.104,2.816
|
|
2103
|
+
c0.598,1.57,1.186,3.143,1.77,4.717c0.668,1.795,1.332,3.59,1.994,5.387c0.59,1.604,1.18,3.209,1.768,4.814
|
|
2104
|
+
c0.377,1.029,0.758,2.057,1.131,3.086c0.297,0.824,1.152,0.596,0.902-0.57C67.251,505.136,67.063,504.011,66.688,502.511z"></path>
|
|
2105
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_35_woman)" d="M87.672,502.511c0.174-0.699,0.377-1.533,0.525-2.215c0.453-2.066,0.912-4.131,1.393-6.191
|
|
2106
|
+
c0.85-3.65,1.758-7.287,2.783-10.891c1.219-4.283,2.553-8.586,4.379-12.654c0.416-0.928,0.902-1.813,1.357-2.721
|
|
2107
|
+
c1.449-2.898,4.316-4.24,6.672-6.229c0.888-0.748,1.664-1.61,2.378-2.523c-0.751,3.397-1.507,6.558-2.176,9.262
|
|
2108
|
+
c-0.268,0.254-0.523,0.503-0.749,0.74c-2.5,2.625-7.625,14.75-8.75,17.375c-0.398,0.926-0.746,1.875-1.104,2.816
|
|
2109
|
+
c-0.598,1.57-1.186,3.143-1.77,4.717c-0.668,1.795-1.332,3.59-1.994,5.387c-0.59,1.604-1.18,3.209-1.768,4.814
|
|
2110
|
+
c-0.377,1.029-0.758,2.057-1.131,3.086c-0.297,0.824-1.152,0.596-0.902-0.57C87.109,505.136,87.297,504.011,87.672,502.511z"></path>
|
|
2111
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_18_woman)" d="M64.181,515.069c0.842,1.039,0.977,0.004,0.695-1.23c-0.592-2.615-1.504-5.445-2.375-8.084
|
|
2112
|
+
c-0.906-2.748-1.58-5.475-2.184-8.299c-0.238-1.119-0.48-2.24-0.691-3.367c-0.451-2.41-1.129-6.539-1.625-9.664
|
|
2113
|
+
c-1.896-4.389-5.793-13.15-7.875-15.336c-0.226-0.237-0.481-0.486-0.749-0.74c0.875,3.537,1.601,6.293,1.965,7.749
|
|
2114
|
+
c0.499,1.995,1.793,8.093,3.059,15.332c0.692,1.599,1.284,3.193,1.601,4.409c1.32,5.061,3.723,10.045,5.941,14.758
|
|
2115
|
+
C62.653,512.106,63.411,513.591,64.181,515.069z"></path>
|
|
2116
|
+
<path data-tooltip-text="Soleus" class="tooltip-trigger" fill="url(#SVGID_36_woman)" d="M90.18,515.069c-0.842,1.039-0.977,0.004-0.695-1.23c0.592-2.615,1.504-5.445,2.375-8.084
|
|
2117
|
+
c0.906-2.748,1.58-5.475,2.184-8.299c0.238-1.119,0.48-2.24,0.691-3.367c0.451-2.41,1.129-6.539,1.625-9.664
|
|
2118
|
+
c1.896-4.389,5.793-13.15,7.875-15.336c0.226-0.237,0.481-0.486,0.749-0.74c-0.875,3.537-1.601,6.293-1.965,7.749
|
|
2119
|
+
c-0.499,1.995-1.793,8.093-3.059,15.332c-0.692,1.599-1.284,3.193-1.601,4.409c-1.32,5.061-3.723,10.045-5.941,14.758
|
|
2120
|
+
C91.707,512.106,90.949,513.591,90.18,515.069z"></path>
|
|
2121
|
+
</g>
|
|
2122
|
+
|
|
2123
|
+
<!-- Hamstrings (Left) -->
|
|
2124
|
+
<linearGradient id="SVGID_19_woman" gradientUnits="userSpaceOnUse" x1="36.7227" y1="345.7578" x2="72.7764" y2="345.7578">
|
|
2125
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
2126
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
2127
|
+
</linearGradient>
|
|
2128
|
+
|
|
2129
|
+
<!-- Hamstrings (Right) -->
|
|
2130
|
+
<linearGradient id="SVGID_37_woman" gradientUnits="userSpaceOnUse" x1="-32.1318" y1="345.7578" x2="3.9209" y2="345.7578" gradientTransform="matrix(-1 0 0 1 85.5059 0)">
|
|
2131
|
+
<stop offset="0" style="stop-color: rgb(171,104,149);"></stop>
|
|
2132
|
+
<stop offset="1" style="stop-color: rgb(176,36,134);"></stop>
|
|
2133
|
+
</linearGradient>
|
|
2134
|
+
|
|
2135
|
+
<!-- Hamstrings -->
|
|
2136
|
+
<g id="hamstrings2" class="muscle">
|
|
2137
|
+
<path data-tooltip-text="Hamstrings" class="tooltip-trigger" fill="url(#SVGID_19_woman)" d="M52.884,375.994c1.168-3.171,2.086-3.873,2.989-2.978c1.548,3.384,10.214,22.316,11.011,23.853
|
|
2138
|
+
c0.746,1.438,3.441,7.178,5.537,9.929c-0.316-1.718-0.671-3.38-1.079-4.95c0,0-0.75-4.5-0.25-8.25
|
|
2139
|
+
c0.164-1.228,0.461-2.729,0.761-5.237c0.058-0.479,0.115-0.997,0.174-1.58c0.053-0.516,0.104-1.068,0.153-1.659
|
|
2140
|
+
c0.009-0.103,0.018-0.206,0.026-0.312c0.013-0.161,0.026-0.323,0.039-0.49c0.019-0.243,0.037-0.492,0.056-0.748
|
|
2141
|
+
c0.01-0.134,0.019-0.273,0.028-0.411c0.013-0.192,0.026-0.388,0.039-0.587c0.008-0.132,0.017-0.264,0.025-0.398
|
|
2142
|
+
c0.019-0.313,0.037-0.635,0.056-0.966c0.006-0.104,0.011-0.215,0.017-0.321c0.015-0.279,0.029-0.563,0.043-0.855
|
|
2143
|
+
c0.006-0.11,0.011-0.22,0.016-0.333c0.019-0.387,0.035-0.783,0.052-1.192c0.003-0.071,0.005-0.145,0.008-0.216
|
|
2144
|
+
c0.015-0.365,0.028-0.741,0.041-1.125c0.003-0.104,0.007-0.207,0.01-0.312c0.015-0.456,0.028-0.922,0.041-1.404
|
|
2145
|
+
c0.001-0.048,0.002-0.097,0.004-0.145c0.011-0.451,0.021-0.916,0.031-1.391c0.002-0.097,0.004-0.193,0.006-0.291
|
|
2146
|
+
c0.01-0.53,0.02-1.072,0.027-1.632c0-0.021,0-0.043,0.001-0.064c0.007-0.541,0.013-1.1,0.018-1.671
|
|
2147
|
+
c0.001-0.095,0.002-0.19,0.002-0.286c0.005-0.605,0.009-1.223,0.01-1.869c0.002-0.62,0.002-1.261,0-1.913
|
|
2148
|
+
c0-0.115,0-0.229-0.001-0.346c-0.002-0.673-0.005-1.358-0.011-2.071c-0.005-0.686-0.012-1.393-0.021-2.111
|
|
2149
|
+
c-0.002-0.15-0.004-0.302-0.006-0.455c-0.018-1.455-0.043-2.98-0.076-4.578c-0.004-0.188-0.008-0.377-0.012-0.566
|
|
2150
|
+
c-0.018-0.805-0.035-1.621-0.057-2.463c-0.037-1.482-0.071-3.003-0.104-4.549c-0.01-0.461-0.019-0.938-0.027-1.404
|
|
2151
|
+
c-0.021-1.085-0.043-2.17-0.063-3.277c-0.012-0.646-0.021-1.305-0.032-1.958c-0.015-0.936-0.03-1.867-0.044-2.813
|
|
2152
|
+
c-0.012-0.787-0.022-1.579-0.032-2.372c-0.012-0.816-0.022-1.63-0.032-2.45c-0.012-0.896-0.021-1.79-0.031-2.688
|
|
2153
|
+
c-0.008-0.717-0.016-1.431-0.022-2.148c-0.01-0.953-0.019-1.902-0.027-2.854c-0.006-0.679-0.012-1.354-0.018-2.03
|
|
2154
|
+
c-0.008-0.965-0.015-1.922-0.021-2.881c-0.005-0.655-0.01-1.308-0.014-1.96c-0.006-0.945-0.012-1.882-0.017-2.817
|
|
2155
|
+
c-0.002-0.306,0.341-5.659,0.339-5.964c-0.167-3.416-1.436-8.452-4.583-11.25c-6.75-6-9.248-15.07-9.25-15.083
|
|
2156
|
+
c0.002,0.01-3.786,0.195-4.13,0.195c-2.527,0-5.002-0.758-7.519-0.534c-2.456,0.218-4.794,1.391-6.448,3.245
|
|
2157
|
+
c-1.327,1.488-2.24,3.695-2.778,5.594c-2.9,10.228,1.333,29.833,1.333,29.833s4,21.5,3.75,34.25
|
|
2158
|
+
c-0.131,6.649-0.871,12.359-1.551,16.318c0.727,3.903,1.226,6.586,1.308,7.026c0.009,0.043,0.014,0.071,0.014,0.071l0.25,18.23
|
|
2159
|
+
C47.644,389.718,51.279,380.349,52.884,375.994z"></path>
|
|
2160
|
+
<path data-tooltip-text="Hamstrings" class="tooltip-trigger" fill="url(#SVGID_37_woman)" d="M101.477,375.994c-1.168-3.171-2.086-3.873-2.989-2.978c-1.548,3.384-10.214,22.316-11.011,23.853
|
|
2161
|
+
c-0.746,1.438-3.441,7.178-5.537,9.929c0.316-1.718,0.671-3.38,1.079-4.95c0,0,0.75-4.5,0.25-8.25
|
|
2162
|
+
c-0.164-1.228-0.461-2.729-0.761-5.237c-0.058-0.479-0.115-0.997-0.174-1.58c-0.053-0.516-0.104-1.068-0.153-1.659
|
|
2163
|
+
c-0.009-0.103-0.018-0.206-0.026-0.312c-0.013-0.161-0.026-0.323-0.039-0.49c-0.019-0.243-0.037-0.492-0.056-0.748
|
|
2164
|
+
c-0.01-0.134-0.019-0.273-0.028-0.411c-0.013-0.192-0.026-0.388-0.039-0.587c-0.008-0.132-0.017-0.264-0.025-0.398
|
|
2165
|
+
c-0.019-0.313-0.037-0.635-0.056-0.966c-0.006-0.104-0.011-0.215-0.017-0.321c-0.015-0.279-0.029-0.563-0.043-0.855
|
|
2166
|
+
c-0.006-0.11-0.011-0.22-0.016-0.333c-0.019-0.387-0.035-0.783-0.052-1.192c-0.003-0.071-0.005-0.145-0.008-0.216
|
|
2167
|
+
c-0.015-0.365-0.028-0.741-0.041-1.125c-0.003-0.104-0.007-0.207-0.01-0.312c-0.015-0.456-0.028-0.922-0.041-1.404
|
|
2168
|
+
c-0.001-0.048-0.002-0.097-0.004-0.145c-0.011-0.451-0.021-0.916-0.031-1.391c-0.002-0.097-0.004-0.193-0.006-0.291
|
|
2169
|
+
c-0.01-0.53-0.02-1.072-0.027-1.632c0-0.021,0-0.043-0.001-0.064c-0.007-0.541-0.013-1.1-0.018-1.671
|
|
2170
|
+
c-0.001-0.095-0.002-0.19-0.002-0.286c-0.005-0.605-0.009-1.223-0.01-1.869c-0.002-0.62-0.002-1.261,0-1.913
|
|
2171
|
+
c0-0.115,0-0.229,0.001-0.346c0.002-0.673,0.005-1.358,0.011-2.071c0.005-0.686,0.012-1.393,0.021-2.111
|
|
2172
|
+
c0.002-0.15,0.004-0.302,0.006-0.455c0.018-1.455,0.043-2.98,0.076-4.578c0.004-0.188,0.008-0.377,0.012-0.566
|
|
2173
|
+
c0.018-0.805,0.035-1.621,0.057-2.463c0.037-1.482,0.071-3.003,0.104-4.549c0.01-0.461,0.019-0.938,0.027-1.404
|
|
2174
|
+
c0.021-1.085,0.043-2.17,0.063-3.277c0.012-0.646,0.021-1.305,0.032-1.958c0.015-0.936,0.03-1.867,0.044-2.813
|
|
2175
|
+
c0.012-0.787,0.022-1.579,0.032-2.372c0.012-0.816,0.022-1.63,0.032-2.45c0.012-0.896,0.021-1.79,0.031-2.688
|
|
2176
|
+
c0.008-0.717,0.016-1.431,0.022-2.148c0.01-0.953,0.019-1.902,0.027-2.854c0.006-0.679,0.012-1.354,0.018-2.03
|
|
2177
|
+
c0.008-0.965,0.015-1.922,0.021-2.881c0.005-0.655,0.01-1.308,0.014-1.96c0.006-0.945,0.012-1.882,0.017-2.817
|
|
2178
|
+
c0.002-0.306-0.341-5.659-0.339-5.964c0.167-3.416,1.436-8.452,4.583-11.25c6.75-6,9.248-15.07,9.25-15.083
|
|
2179
|
+
c-0.002,0.01,3.786,0.195,4.13,0.195c2.527,0,5.002-0.758,7.519-0.534c2.456,0.218,4.794,1.391,6.448,3.245
|
|
2180
|
+
c1.327,1.488,2.24,3.695,2.778,5.594c2.9,10.228-1.333,29.833-1.333,29.833s-4,21.5-3.75,34.25
|
|
2181
|
+
c0.131,6.649,0.871,12.359,1.551,16.318c-0.727,3.903-1.226,6.586-1.308,7.026c-0.009,0.043-0.014,0.071-0.014,0.071l-0.25,18.23
|
|
2182
|
+
C106.717,389.718,103.081,380.349,101.477,375.994z"></path>
|
|
2183
|
+
</g>
|
|
2184
|
+
|
|
2185
|
+
<!-- Tensor Fasciae Latae (Left) -->
|
|
2186
|
+
<linearGradient id="SVGID_5_woman" gradientUnits="userSpaceOnUse" x1="26.8623" y1="313.626" x2="41.5137" y2="313.626" gradientTransform="matrix(0.9999 -0.011 0.011 0.9999 -4.0986 0.4138)">
|
|
2187
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
2188
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
2189
|
+
</linearGradient>
|
|
2190
|
+
|
|
2191
|
+
<!-- Tensor Fasciae Latae (Right) -->
|
|
2192
|
+
<linearGradient id="SVGID_39_woman" gradientUnits="userSpaceOnUse" x1="-60.3857" y1="312.666" x2="-45.7344" y2="312.666" gradientTransform="matrix(-0.9999 -0.011 -0.011 0.9999 71.2055 0.4138)">
|
|
2193
|
+
<stop offset="0" style="stop-color: rgb(153,128,164);"></stop>
|
|
2194
|
+
<stop offset="1" style="stop-color: rgb(154,103,172);"></stop>
|
|
2195
|
+
</linearGradient>
|
|
2196
|
+
|
|
2197
|
+
<!-- Tensor Fasciae Latae -->
|
|
2198
|
+
<g id="tensor_fasciae_latae" class="muscle">
|
|
2199
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_5_woman)" d="M34.869,331.836c0.696,3.943,3.557,19.542,5.616,30.761c1.358-4.672,0.571-13.233,0.734-15.109
|
|
2200
|
+
c0.187-2.156-2.087-17.775-3.201-23.657c-1.114-5.883-1.982-15.164-2.888-23.886c-0.235-2.266,0.955-8.476,1.153-9.688
|
|
2201
|
+
c0.907-5.593-1.268-10.037-1.268-10.037c-3.6-2.681-6.682-15.57-6.682-15.57c-1.275,2.994-2.053,7.528-2.529,12.178
|
|
2202
|
+
c0.021,0.46,0.041,0.92,0.071,1.377C27.145,297.914,33.749,325.502,34.869,331.836z"></path>
|
|
2203
|
+
<path data-tooltip-text="Tensor Fasciae Latae" class="tooltip-trigger" fill="url(#SVGID_39_woman)" d="M119.488,331.836c-0.696,3.943-3.557,19.542-5.616,30.761c-1.358-4.672-0.571-13.233-0.734-15.109
|
|
2204
|
+
c-0.187-2.156,2.087-17.775,3.201-23.657c1.114-5.883,1.982-15.164,2.888-23.886c0.235-2.266-0.955-8.476-1.153-9.688
|
|
2205
|
+
c-0.907-5.593,1.268-10.037,1.268-10.037c3.6-2.681,6.682-15.57,6.682-15.57c1.275,2.994,2.053,7.528,2.529,12.178
|
|
2206
|
+
c-0.021,0.46-0.041,0.92-0.071,1.377C127.213,297.914,120.608,325.502,119.488,331.836z"></path>
|
|
2207
|
+
</g>
|
|
2208
|
+
|
|
2209
|
+
<g id="tooltip" visibility="hidden">
|
|
2210
|
+
<rect x="2" y="2" width="80" height="24" fill="black" opacity="0.4" rx="2" ry="2"></rect>
|
|
2211
|
+
<rect width="80" height="24" fill="white" rx="2" ry="2"></rect>
|
|
2212
|
+
<polygon points="7,0 12,-10 17,0" fill="black" opacity="0.4"></polygon>
|
|
2213
|
+
<polygon points="5,0 10,-10 15,0" fill="white"></polygon>
|
|
2214
|
+
<text x="4" y="6">Tooltip</text>
|
|
2215
|
+
</g>
|
|
2216
|
+
|
|
2217
|
+
<script type="text/ecmascript">
|
|
2218
|
+
(function () {
|
|
2219
|
+
var svg = document.querySelector('svg');
|
|
2220
|
+
var tooltip = svg.getElementById('tooltip');
|
|
2221
|
+
var tooltipText = tooltip.getElementsByTagName('text')[0];
|
|
2222
|
+
var tooltipRects = tooltip.getElementsByTagName('rect');
|
|
2223
|
+
var tooltipPolygons = tooltip.getElementsByTagName('polygon');
|
|
2224
|
+
var triggers = svg.getElementsByClassName('tooltip-trigger');
|
|
2225
|
+
|
|
2226
|
+
for (var i = 0; i < triggers.length; i++) {
|
|
2227
|
+
triggers[i].addEventListener('mousemove', showTooltip);
|
|
2228
|
+
triggers[i].addEventListener('mouseout', hideTooltip);
|
|
2229
|
+
}
|
|
2230
|
+
|
|
2231
|
+
function showTooltip(evt) {
|
|
2232
|
+
var CTM = svg.getScreenCTM();
|
|
2233
|
+
var x = (evt.clientX - CTM.e + 6) / CTM.a;
|
|
2234
|
+
var y = (evt.clientY - CTM.f + 20) / CTM.d;
|
|
2235
|
+
|
|
2236
|
+
tooltipText.firstChild.data = evt.target.getAttributeNS(null, "data-tooltip-text");
|
|
2237
|
+
var length = tooltipText.getComputedTextLength();
|
|
2238
|
+
var tooltipWidth = length + 8;
|
|
2239
|
+
|
|
2240
|
+
for (var i = 0; i < tooltipRects.length; i++) {
|
|
2241
|
+
tooltipRects[i].setAttributeNS(null, "width", tooltipWidth);
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2244
|
+
// Get SVG viewBox dimensions
|
|
2245
|
+
var viewBox = svg.viewBox.baseVal;
|
|
2246
|
+
var svgWidth = viewBox.width;
|
|
2247
|
+
|
|
2248
|
+
// Check if tooltip would overflow on the right
|
|
2249
|
+
if (x + tooltipWidth > svgWidth) {
|
|
2250
|
+
x = x - tooltipWidth - 12; // Flip to left side
|
|
2251
|
+
// Move arrow to right side
|
|
2252
|
+
tooltipPolygons[0].setAttributeNS(null, "points", (tooltipWidth - 7) + ",0 " + (tooltipWidth - 12) + ",-10 " + (tooltipWidth - 17) + ",0");
|
|
2253
|
+
tooltipPolygons[1].setAttributeNS(null, "points", (tooltipWidth - 5) + ",0 " + (tooltipWidth - 10) + ",-10 " + (tooltipWidth - 15) + ",0");
|
|
2254
|
+
} else {
|
|
2255
|
+
// Arrow on left side (default)
|
|
2256
|
+
tooltipPolygons[0].setAttributeNS(null, "points", "7,0 12,-10 17,0");
|
|
2257
|
+
tooltipPolygons[1].setAttributeNS(null, "points", "5,0 10,-10 15,0");
|
|
2258
|
+
}
|
|
2259
|
+
|
|
2260
|
+
tooltip.setAttributeNS(null, "transform", "translate(" + x + " " + y + ")");
|
|
2261
|
+
tooltip.setAttributeNS(null, "visibility", "visible");
|
|
2262
|
+
}
|
|
2263
|
+
|
|
2264
|
+
function hideTooltip(evt) {
|
|
2265
|
+
tooltip.setAttributeNS(null, "visibility", "hidden");
|
|
2266
|
+
}
|
|
2267
|
+
})()
|
|
2268
|
+
<\/script>
|
|
2269
|
+
|
|
2270
|
+
</svg>`
|
|
2271
|
+
};
|
|
2272
|
+
exports.MUSCLE_SVGS = MUSCLE_SVGS;
|
|
2273
|
+
|
|
2274
|
+
//# sourceMappingURL=svgs.cjs.js.map
|