@@ -37,51 +37,52 @@ export class ServoElement extends LitElement {
37
37
version ="1.1 "
38
38
viewBox ="0 0 170.08 119.55 "
39
39
>
40
- < g stroke-width ="2.3206 ">
41
- < path stroke ="#b44200 " d ="m83.326 64.141h-62.894 " />
42
- < path stroke ="#ff2300 " d ="m83.326 59.638h-62.971 " />
43
- < path stroke ="#f47b00 " d ="m83.326 55.231h-62.971 " />
44
- </ g >
45
- < g >
46
- < rect fill ="#666 " y ="52.21 " width ="25.71 " height ="14.885 " rx ="1.14 " />
47
- < g fill ="#333 ">
48
- < rect x ="4.74 " y ="53.90 " width ="3.72 " height ="2.71 " />
49
- < path d ="m6.7658 53.905h13.532l-13.425 0.51865z " />
50
- < path d ="m6.7658 56.612h13.532l-13.425-0.50702z " />
51
- < rect x ="4.74 " y ="58.30 " width ="3.72 " height ="2.71 " />
52
- < path d ="m6.7658 58.303h13.532l-13.425 0.50702z " />
53
- < path d ="m6.7658 61.01h13.532l-13.425-0.50702z " />
54
- < rect x ="4.74 " y ="62.70 " width ="3.72 " height ="2.71 " />
55
- < path d ="m6.7658 62.701h13.532l-13.425 0.50702z " />
56
- < path d ="m6.7658 65.408h13.532l-13.425-0.50702z " />
40
+ < defs >
41
+ < g id ="pin ">
42
+ < rect x ="0 " y ="-1.91 " width ="3.72 " height ="3.71 " />
43
+ < path d ="m2.026 -1.91h13.532l-13.425 0.51865z " />
44
+ < path d ="m2.026 1.80h13.532l-13.425-0.50702z " />
45
+ < rect fill ="#ccc " x ="0.33 " y ="-1.23 " width ="3.04 " height ="2.46 " rx =".15 " />
57
46
</ g >
58
- < rect fill ="#ccc " x ="5.07 " y ="54.58 " width ="3.04 " height ="1.46 " rx =".15 " />
59
- < rect fill ="#ccc " x ="5.07 " y ="58.98 " width ="3.04 " height ="1.35 " rx =".15 " />
60
- < rect fill ="#ccc " x ="5.07 " y ="63.38 " width ="3.04 " height ="1.35 " rx =".15 " />
61
- < path
62
- fill ="#4d4d4d "
63
- d ="m163.92 66.867a7.09 7.09 0 1 1 5.8145-11.136 0.18 0.18 0 0 0 0.33-0.10234v-14.346h-17.664v36.98h17.676v-14.346a0.18 0.18 0 0 0-0.333-0.107 7.08 7.08 0 0 1-5.83 3.06z "
64
- />
65
- < path
66
- fill ="#4d4d4d "
67
- d ="m55.068 66.75a7.09 7.09 0 1 0-5.8261-11.136 0.18 0.18 0 0 1-0.33-0.10234v-14.346h17.676v36.98h-17.676v-14.346a0.18 0.18 0 0 1 0.333-0.107 7.08 7.08 0 0 0 5.83 3.06z "
68
- />
69
- < rect fill ="#666 " x ="64.255 " y ="37.911 " width ="90.241 " height ="43.725 " rx ="5.3331 " />
70
- < path fill ="gray " d ="m110.07 50.005h-14.42v19.537h14.42a9.7684 9.7684 0 0 0 0-19.537z " />
71
- < circle fill ="#999 " cx ="91.467 " cy ="59.773 " r ="18.606 " />
47
+ </ defs >
48
+ < g stroke-width ="2.7 " fill ="none ">
72
49
< path
73
- fill =${ this . hornColor }
74
- transform ="rotate(${ this . angle } )"
75
- transform-origin="91.467 59.773"
76
- d="${ this . hornPath ( ) } "
50
+ stroke ="#b44200 "
51
+ d ="m 83.32,56.6 c0,0 -32.99,0.96 -43.32,0 -6.20,-0.58 -10.60,-6.20 -14.87,-6.31 "
77
52
/>
78
- < circle fill ="gray " cx ="91.467 " cy ="59.773 " r ="8.3729 " />
79
- < circle fill ="#ccc " cx ="91.467 " cy ="59.773 " r ="6.2494 " />
53
+ < path stroke ="#ff2300 " d ="m83.326 59.6h-62.971 " />
80
54
< path
81
- fill ="#666 "
82
- d ="m94.911 62.543-2.3839-2.4165a0.42562 0.42562 0 0 1 0-0.60471l2.4281-2.3863a0.64657 0.64657 0 0 0 0.06512-0.8652 0.62797 0.62797 0 0 0 -0.93032-0.05117l-2.4351 2.4049a0.4326 0.4326 0 0 1-0.60703 0l-2.3863-2.4165a0.6489 0.6489 0 0 0-0.8652-0.06512 0.63262 0.63262 0 0 0-0.05117 0.93032l2.4049 2.4328a0.42795 0.42795 0 0 1 0 0.60703l-2.4142 2.3863a0.65122 0.65122 0 0 0-0.06745 0.8652 0.63029 0.63029 0 0 0 0.93032 0.05117l2.4351-2.4049a0.42562 0.42562 0 0 1 0.60471 0l2.3863 2.4398a0.63262 0.63262 0 0 0 0.93032-0.04186 0.64657 0.64657 0 0 0-0.04419-0.8652z "
55
+ stroke ="#f47b00 "
56
+ d ="m 83.32, 62.6 c0,0 -32.60,-0.61 -43.33, -0.15 -6.87,0.29 -12.01,6.82 -14.77,6.73 "
83
57
/>
84
58
</ g >
59
+ < rect fill ="#666 " y ="45.5 " width ="25.71 " height ="28 " rx ="1.14 " />
60
+ < use xlink:href ="#pin " x ="4.7 " y ="50.06 " />
61
+ < use xlink:href ="#pin " x ="4.7 " y ="59.66 " />
62
+ < use xlink:href ="#pin " x ="4.7 " y ="69.26 " />
63
+ < path
64
+ fill ="#4d4d4d "
65
+ d ="m163.92 66.867a7.09 7.09 0 1 1 5.8145-11.136 0.18 0.18 0 0 0 0.33-0.10234v-14.346h-17.664v36.98h17.676v-14.346a0.18 0.18 0 0 0-0.333-0.107 7.08 7.08 0 0 1-5.83 3.06z "
66
+ />
67
+ < path
68
+ fill ="#4d4d4d "
69
+ d ="m55.068 66.75a7.09 7.09 0 1 0-5.8261-11.136 0.18 0.18 0 0 1-0.33-0.10234v-14.346h17.676v36.98h-17.676v-14.346a0.18 0.18 0 0 1 0.333-0.107 7.08 7.08 0 0 0 5.83 3.06z "
70
+ />
71
+ < rect fill ="#666 " x ="64.255 " y ="37.911 " width ="90.241 " height ="43.725 " rx ="5.3331 " />
72
+ < path fill ="gray " d ="m110.07 50.005h-14.42v19.537h14.42a9.7684 9.7684 0 0 0 0-19.537z " />
73
+ < circle fill ="#999 " cx ="91.467 " cy ="59.773 " r ="18.606 " />
74
+ < path
75
+ fill =${ this . hornColor }
76
+ transform ="rotate(${ this . angle } )"
77
+ transform-origin="91.467 59.773"
78
+ d="${ this . hornPath ( ) } "
79
+ />
80
+ < circle fill ="gray " cx ="91.467 " cy ="59.773 " r ="8.3729 " />
81
+ < circle fill ="#ccc " cx ="91.467 " cy ="59.773 " r ="6.2494 " />
82
+ < path
83
+ fill ="#666 "
84
+ d ="m94.911 62.543-2.3839-2.4165a0.42562 0.42562 0 0 1 0-0.60471l2.4281-2.3863a0.64657 0.64657 0 0 0 0.06512-0.8652 0.62797 0.62797 0 0 0-0.93032-0.05117l-2.4351 2.4049a0.4326 0.4326 0 0 1-0.60703 0l-2.3863-2.4165a0.6489 0.6489 0 0 0-0.8652-0.06512 0.63262 0.63262 0 0 0-0.05117 0.93032l2.4049 2.4328a0.42795 0.42795 0 0 1 0 0.60703l-2.4142 2.3863a0.65122 0.65122 0 0 0-0.06745 0.8652 0.63029 0.63029 0 0 0 0.93032 0.05117l2.4351-2.4049a0.42562 0.42562 0 0 1 0.60471 0l2.3863 2.4398a0.63262 0.63262 0 0 0 0.93032-0.04186 0.64657 0.64657 0 0 0-0.04419-0.8652z "
85
+ />
85
86
</ svg >
86
87
` ;
87
88
}
0 commit comments