soccer-jersey-fork 1.0.67 → 1.0.69

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.
Files changed (5) hide show
  1. package/lib/patterns/patterns.d.ts +11 -10
  2. package/lib/patterns/patterns.js +44 -110
  3. package/lib/types/index.d.ts +1 -1
  4. package/lib/utils/draw-soccer-jersey.js +19 -16
  5. package/package.json +1 -1
package/lib/patterns/patterns.d.ts CHANGED
@@ -5,16 +5,17 @@
5
5
  */
6
6
  import { Svg } from "@svgdotjs/svg.js";
7
7
  import { ShirtStyleDirection } from "../types";
8
- export declare const drawStripedThick: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
9
- export declare const drawStripedThin: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
10
- export declare const drawStripedNormal: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
11
- export declare const drawCheckered: (page: Svg, primaryColor: string, secondaryColor: string, direction?: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
12
- export declare const drawDiamonds: (page: Svg, primaryColor: string, secondaryColor: string) => import("@svgdotjs/svg.js").Pattern;
13
- export declare const drawTwoColors: (page: Svg, primaryColor: string, secondaryColor: string, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
14
- export declare const drawSingleBand: (page: Svg, primaryColor: string, secondaryColor: string, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
15
- export declare const drawSingleBandThin: (page: Svg, primaryColor: string, secondaryColor: string, bandStyle?: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
16
- export declare const drawWaves: (page: Svg, primaryColor: string, secondaryColor: string, waveStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
17
- export declare const drawDashes: (page: Svg, primaryColor: string, secondaryColor: string, dashDirection: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
8
+ export declare const drawStripedThick: (page: Svg, primaryColor: string, secondaryColor: string | undefined, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
9
+ export declare const drawStripedThin: (page: Svg, primaryColor: string, secondaryColor: string | undefined, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
10
+ export declare const drawStripedNormal: (page: Svg, primaryColor: string, secondaryColor: string | undefined, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
11
+ export declare const drawCheckered: (page: Svg, primaryColor: string, secondaryColor?: string, direction?: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
12
+ export declare const drawDiamonds: (page: Svg, primaryColor: string, secondaryColor?: string) => import("@svgdotjs/svg.js").Pattern;
13
+ export declare const drawTwoColors: (page: Svg, primaryColor: string, secondaryColor: string | undefined, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
14
+ export declare const drawSingleBand: (page: Svg, primaryColor: string, secondaryColor: string | undefined, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
15
+ export declare const drawSingleBandThin: (page: Svg, primaryColor: string, secondaryColor?: string, bandStyle?: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
16
+ export declare const drawWaves: (page: Svg, primaryColor: string, secondaryColor: string | undefined, waveStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
17
+ export declare const drawDashes: (page: Svg, primaryColor: string, secondaryColor: string | undefined, dashDirection: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
18
18
  export declare const addShortSideColor: (page: Svg, color: string) => void;
19
19
  export declare function addShoulderSideColor(page: Svg, color: string): void;
20
20
  export declare function addShirtSideColor(page: Svg, color: string): void;
21
+ export declare const drawCrossLines: (page: Svg, primaryColor: string, secondaryColor?: string) => import("@svgdotjs/svg.js").Pattern;
package/lib/patterns/patterns.js CHANGED
@@ -1,11 +1,8 @@
1
- export const drawStripedThick = (page, primaryColor, secondaryColor, direction) => {
1
+ export const drawStripedThick = (page, primaryColor, secondaryColor = "#eee", direction) => {
2
2
  const drawVertical = () => {
3
3
  return page.pattern(20, 4, function (add) {
4
4
  add.rect(20, 4).fill(primaryColor);
5
- add
6
- .rect(10, 4)
7
- .move(6, 0)
8
- .fill(secondaryColor ? secondaryColor : "#eee");
5
+ add.rect(10, 4).move(6, 0).fill(secondaryColor);
9
6
  });
10
7
  };
11
8
  switch (direction) {
@@ -25,10 +22,7 @@ export const drawStripedThick = (page, primaryColor, secondaryColor, direction)
25
22
  add.rect(20, stripeHeight).fill(primaryColor);
26
23
  // Draw the thick secondary stripe below it.
27
24
  // It starts at a y-position equal to the stripe's height.
28
- add
29
- .rect(20, gapHeight)
30
- .move(0, stripeHeight)
31
- .fill(secondaryColor ? secondaryColor : "#eee");
25
+ add.rect(20, gapHeight).move(0, stripeHeight).fill(secondaryColor);
32
26
  });
33
27
  }
34
28
  default: {
@@ -36,11 +30,11 @@ export const drawStripedThick = (page, primaryColor, secondaryColor, direction)
36
30
  }
37
31
  }
38
32
  };
39
- export const drawStripedThin = (page, primaryColor, secondaryColor, direction) => {
33
+ export const drawStripedThin = (page, primaryColor, secondaryColor = "#eee", direction) => {
40
34
  const drawVertical = () => {
41
35
  return page.pattern(8, 4, function (add) {
42
36
  add.rect(8, 4).fill(primaryColor);
43
- add.rect(1, 4).fill(secondaryColor ? secondaryColor : "#eee");
37
+ add.rect(1, 4).fill(secondaryColor);
44
38
  });
45
39
  };
46
40
  switch (direction) {
@@ -61,11 +55,11 @@ export const drawStripedThin = (page, primaryColor, secondaryColor, direction) =
61
55
  }
62
56
  }
63
57
  };
64
- export const drawStripedNormal = (page, primaryColor, secondaryColor, direction) => {
58
+ export const drawStripedNormal = (page, primaryColor, secondaryColor = "#eee", direction) => {
65
59
  const drawVertical = () => {
66
60
  return page.pattern(10, 4, function (add) {
67
61
  add.rect(10, 4).fill(primaryColor);
68
- add.rect(5, 4).fill(secondaryColor ? secondaryColor : "#eee");
62
+ add.rect(5, 4).fill(secondaryColor);
69
63
  });
70
64
  };
71
65
  switch (direction) {
@@ -84,20 +78,17 @@ export const drawStripedNormal = (page, primaryColor, secondaryColor, direction)
84
78
  default: {
85
79
  return page.pattern(10, 4, function (add) {
86
80
  add.rect(10, 4).fill(primaryColor);
87
- add.rect(5, 4).fill(secondaryColor ? secondaryColor : "#eee");
81
+ add.rect(5, 4).fill(secondaryColor);
88
82
  });
89
83
  }
90
84
  }
91
85
  };
92
- export const drawCheckered = (page, primaryColor, secondaryColor, direction) => {
86
+ export const drawCheckered = (page, primaryColor, secondaryColor = "#eee", direction) => {
93
87
  const draw = () => {
94
88
  return page.pattern(20, 20, function (add) {
95
89
  add.rect(20, 20).fill(primaryColor);
96
- add.rect(10, 10).fill(secondaryColor ? secondaryColor : "#eee");
97
- add
98
- .rect(10, 10)
99
- .fill(secondaryColor ? secondaryColor : "#eee")
100
- .move(10, 10);
90
+ add.rect(10, 10).fill(secondaryColor);
91
+ add.rect(10, 10).fill(secondaryColor).move(10, 10);
101
92
  });
102
93
  };
103
94
  switch (direction) {
@@ -109,45 +100,31 @@ export const drawCheckered = (page, primaryColor, secondaryColor, direction) =>
109
100
  }
110
101
  }
111
102
  };
112
- export const drawDiamonds = (page, primaryColor, secondaryColor) => page.pattern(5, 5, function (add) {
103
+ export const drawDiamonds = (page, primaryColor, secondaryColor = "#eee") => page.pattern(5, 5, function (add) {
113
104
  add.rect(5, 5).fill(primaryColor);
114
105
  add.rect(3, 3).fill(secondaryColor).center(2, 2).rotate(45);
115
106
  });
116
- export const drawTwoColors = (page, primaryColor, secondaryColor, bandStyle) => {
107
+ export const drawTwoColors = (page, primaryColor, secondaryColor = "#eee", bandStyle) => {
117
108
  switch (bandStyle) {
118
109
  case "diagonalRight":
119
110
  return page.pattern(100, 100, function (add) {
120
111
  add.rect(90, 100).fill(primaryColor);
121
- add
122
- .rect(50, 120)
123
- .fill(secondaryColor ? secondaryColor : "#eee")
124
- .move(50, 0)
125
- .rotate(35);
112
+ add.rect(50, 120).fill(secondaryColor).move(50, 0).rotate(35);
126
113
  });
127
114
  case "diagonalLeft":
128
115
  return page.pattern(100, 100, function (add) {
129
116
  add.rect(90, 100).fill(primaryColor);
130
- add
131
- .rect(60, 140)
132
- .fill(secondaryColor ? secondaryColor : "#eee")
133
- .move(52, -20)
134
- .rotate(145);
117
+ add.rect(60, 140).fill(secondaryColor).move(52, -20).rotate(145);
135
118
  });
136
119
  case "horizontal":
137
120
  return page.pattern(100, 100, function (add) {
138
121
  add.rect(100, 100).fill(primaryColor);
139
- add
140
- .rect(100, 50)
141
- .fill(secondaryColor ? secondaryColor : "#eee")
142
- .move(0, 52);
122
+ add.rect(100, 50).fill(secondaryColor).move(0, 52);
143
123
  });
144
124
  case "vertical":
145
125
  return page.pattern(90, 100, function (add) {
146
126
  add.rect(90, 100).fill(primaryColor);
147
- add
148
- .rect(50, 100)
149
- .fill(secondaryColor ? secondaryColor : "#eee")
150
- .move(50, 0);
127
+ add.rect(50, 100).fill(secondaryColor).move(50, 0);
151
128
  });
152
129
  default:
153
130
  return page.pattern(90, 90, function (add) {
@@ -156,41 +133,27 @@ export const drawTwoColors = (page, primaryColor, secondaryColor, bandStyle) =>
156
133
  });
157
134
  }
158
135
  };
159
- export const drawSingleBand = (page, primaryColor, secondaryColor, bandStyle) => {
136
+ export const drawSingleBand = (page, primaryColor, secondaryColor = "#eee", bandStyle) => {
160
137
  switch (bandStyle) {
161
138
  case "diagonalRight":
162
139
  return page.pattern(100, 100, function (add) {
163
140
  add.rect(100, 100).fill(primaryColor);
164
- add
165
- .rect(120, 20)
166
- .fill(secondaryColor ? secondaryColor : "#eee")
167
- .move(0, 40)
168
- .rotate(120);
141
+ add.rect(120, 20).fill(secondaryColor).move(0, 40).rotate(120);
169
142
  });
170
143
  case "diagonalLeft":
171
144
  return page.pattern(100, 100, function (add) {
172
145
  add.rect(100, 100).fill(primaryColor);
173
- add
174
- .rect(120, 20)
175
- .fill(secondaryColor ? secondaryColor : "#eee")
176
- .move(0, 40)
177
- .rotate(60);
146
+ add.rect(120, 20).fill(secondaryColor).move(0, 40).rotate(60);
178
147
  });
179
148
  case "horizontal":
180
149
  return page.pattern(100, 90, function (add) {
181
150
  add.rect(100, 90).fill(primaryColor);
182
- add
183
- .rect(100, 30)
184
- .fill(secondaryColor ? secondaryColor : "#eee")
185
- .move(0, 30);
151
+ add.rect(100, 30).fill(secondaryColor).move(0, 30);
186
152
  });
187
153
  case "vertical":
188
154
  return page.pattern(90, 100, function (add) {
189
155
  add.rect(90, 100).fill(primaryColor);
190
- add
191
- .rect(20, 100)
192
- .fill(secondaryColor ? secondaryColor : "#eee")
193
- .move(40, 0);
156
+ add.rect(20, 100).fill(secondaryColor).move(40, 0);
194
157
  });
195
158
  default:
196
159
  return page.pattern(90, 90, function (add) {
@@ -199,24 +162,18 @@ export const drawSingleBand = (page, primaryColor, secondaryColor, bandStyle) =>
199
162
  });
200
163
  }
201
164
  };
202
- export const drawSingleBandThin = (page, primaryColor, secondaryColor, bandStyle) => {
165
+ export const drawSingleBandThin = (page, primaryColor, secondaryColor = "#eee", bandStyle) => {
203
166
  const drawVertical = (x) => {
204
167
  return page.pattern(90, 100, function (add) {
205
168
  add.rect(90, 100).fill(primaryColor);
206
- add
207
- .rect(5, 100)
208
- .fill(secondaryColor ? secondaryColor : "#eee")
209
- .move(x, 0);
169
+ add.rect(5, 100).fill(secondaryColor).move(x, 0);
210
170
  });
211
171
  };
212
172
  switch (bandStyle) {
213
173
  case "horizontal":
214
174
  return page.pattern(100, 90, function (add) {
215
175
  add.rect(100, 90).fill(primaryColor);
216
- add
217
- .rect(100, 5)
218
- .fill(secondaryColor ? secondaryColor : "#eee")
219
- .move(0, 35);
176
+ add.rect(100, 5).fill(secondaryColor).move(0, 35);
220
177
  });
221
178
  case "vertical":
222
179
  return drawVertical(48);
@@ -224,75 +181,45 @@ export const drawSingleBandThin = (page, primaryColor, secondaryColor, bandStyle
224
181
  return drawVertical(60);
225
182
  }
226
183
  };
227
- export const drawWaves = (page, primaryColor, secondaryColor, waveStyle) => {
184
+ export const drawWaves = (page, primaryColor, secondaryColor = "#eee", waveStyle) => {
228
185
  switch (waveStyle) {
229
186
  case "horizontal":
230
187
  return page.pattern(20, 12, function (add) {
231
188
  add.rect(20, 12).fill(primaryColor);
232
- add
233
- .rect(14, 6)
234
- .fill(secondaryColor ? secondaryColor : "#eee")
235
- .move(-3, 3)
236
- .rotate(-15);
237
- add
238
- .rect(14, 6)
239
- .fill(secondaryColor ? secondaryColor : "#eee")
240
- .move(9, 3)
241
- .rotate(15);
189
+ add.rect(14, 6).fill(secondaryColor).move(-3, 3).rotate(-15);
190
+ add.rect(14, 6).fill(secondaryColor).move(9, 3).rotate(15);
242
191
  });
243
192
  default:
244
193
  return page.pattern(12, 20, function (add) {
245
194
  add.rect(12, 20).fill(primaryColor);
246
- add
247
- .rect(6, 14)
248
- .fill(secondaryColor ? secondaryColor : "#eee")
249
- .move(3, -3)
250
- .rotate(-15);
251
- add
252
- .rect(6, 14)
253
- .fill(secondaryColor ? secondaryColor : "#eee")
254
- .move(3, 9)
255
- .rotate(15);
195
+ add.rect(6, 14).fill(secondaryColor).move(3, -3).rotate(-15);
196
+ add.rect(6, 14).fill(secondaryColor).move(3, 9).rotate(15);
256
197
  });
257
198
  }
258
199
  };
259
- export const drawDashes = (page, primaryColor, secondaryColor, dashDirection) => {
200
+ export const drawDashes = (page, primaryColor, secondaryColor = "#eee", dashDirection) => {
260
201
  switch (dashDirection) {
261
202
  case "diagonalLeft":
262
203
  return page.pattern(10, 10, function (add) {
263
204
  add.rect(10, 10).fill(primaryColor);
264
- add
265
- .rect(5, 2)
266
- .fill(secondaryColor ? secondaryColor : "#eee")
267
- .move(5, 5)
268
- .rotate(45);
205
+ add.rect(5, 2).fill(secondaryColor).move(5, 5).rotate(45);
269
206
  });
270
207
  case "diagonalRight":
271
208
  return page.pattern(10, 10, function (add) {
272
209
  add.rect(10, 10).fill(primaryColor);
273
- add
274
- .rect(5, 2)
275
- .fill(secondaryColor ? secondaryColor : "#eee")
276
- .move(5, 5)
277
- .rotate(135);
210
+ add.rect(5, 2).fill(secondaryColor).move(5, 5).rotate(135);
278
211
  });
279
212
  case "horizontal":
280
213
  return page.pattern(10, 10, function (add) {
281
214
  add.rect(10, 10).fill(primaryColor);
282
- add.rect(5, 2).fill(secondaryColor ? secondaryColor : "#eee");
283
- add
284
- .rect(5, 2)
285
- .fill(secondaryColor ? secondaryColor : "#eee")
286
- .move(5, 5);
215
+ add.rect(5, 2).fill(secondaryColor);
216
+ add.rect(5, 2).fill(secondaryColor).move(5, 5);
287
217
  });
288
218
  default:
289
219
  return page.pattern(10, 10, function (add) {
290
220
  add.rect(10, 10).fill(primaryColor);
291
- add.rect(2, 5).fill(secondaryColor ? secondaryColor : "#eee");
292
- add
293
- .rect(2, 5)
294
- .fill(secondaryColor ? secondaryColor : "#eee")
295
- .move(5, 5);
221
+ add.rect(2, 5).fill(secondaryColor);
222
+ add.rect(2, 5).fill(secondaryColor).move(5, 5);
296
223
  });
297
224
  }
298
225
  };
@@ -328,3 +255,10 @@ export function addShirtSideColor(page, color) {
328
255
  .fill("none")
329
256
  .stroke({ width: 2, color, linecap: "round" });
330
257
  }
258
+ export const drawCrossLines = (page, primaryColor, secondaryColor = "#eee") => {
259
+ return page.pattern(90, 100, function (add) {
260
+ add.rect(90, 100).fill(primaryColor);
261
+ add.rect(10, 100).fill(secondaryColor).move(45, 0);
262
+ add.rect(100, 10).fill(secondaryColor).move(0, 45);
263
+ });
264
+ };
package/lib/types/index.d.ts CHANGED
@@ -39,4 +39,4 @@ export interface DrawSoccerJerseyProps {
39
39
  withShorts?: boolean;
40
40
  }
41
41
  export type ShirtStyleDirection = "diagonalRight" | "diagonalLeft" | "horizontal" | "vertical";
42
- export type ShirtStyle = "plain" | "twoColors" | "striped" | "stripedThin" | "stripedThick" | "waves" | "checkered" | "diamonds" | "singleBandThin" | "singleBand" | "dashed";
42
+ export type ShirtStyle = "plain" | "twoColors" | "striped" | "stripedThin" | "stripedThick" | "waves" | "checkered" | "diamonds" | "singleBandThin" | "singleBand" | "dashed" | "cross";
package/lib/utils/draw-soccer-jersey.js CHANGED
@@ -7,7 +7,7 @@
7
7
  /* eslint-disable max-len */
8
8
  import { SVG } from "@svgdotjs/svg.js";
9
9
  import lightenDarkenColor from "./lighten-darken-color";
10
- import { drawSingleBand, drawCheckered, drawTwoColors, drawWaves, drawDashes, addShoulderSideColor, addShortSideColor, addShirtSideColor, drawSingleBandThin, drawDiamonds, drawStripedThin, drawStripedNormal, drawStripedThick, } from "../patterns/patterns";
10
+ import { drawSingleBand, drawCheckered, drawTwoColors, drawWaves, drawDashes, addShoulderSideColor, addShortSideColor, addShirtSideColor, drawSingleBandThin, drawDiamonds, drawStripedThin, drawStripedNormal, drawStripedThick, drawCrossLines, } from "../patterns/patterns";
11
11
  /**
12
12
  * @param {object} specs Specifications of the soccer jersey.
13
13
  * @param {string} specs.shirtColor The main color (HTML Color Code) of
@@ -42,37 +42,40 @@ export default function drawSoccerJersey({ shirtColor = "plain", sleeveColor, sh
42
42
  let shirtFill;
43
43
  switch (shirtStyle) {
44
44
  case "twoColors":
45
- shirtFill = drawTwoColors(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection ? shirtStyleDirection : "vertical");
45
+ shirtFill = drawTwoColors(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection ? shirtStyleDirection : "vertical");
46
46
  break;
47
47
  case "stripedThin":
48
- shirtFill = drawStripedThin(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection || "vertical");
48
+ shirtFill = drawStripedThin(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection || "vertical");
49
49
  break;
50
50
  case "stripedThick":
51
- shirtFill = drawStripedThick(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection || "vertical");
51
+ shirtFill = drawStripedThick(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection || "vertical");
52
52
  break;
53
53
  case "striped":
54
- shirtFill = drawStripedNormal(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection || "vertical");
54
+ shirtFill = drawStripedNormal(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection || "vertical");
55
55
  break;
56
56
  case "dashed":
57
- shirtFill = drawDashes(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection ? shirtStyleDirection : "vertical");
57
+ shirtFill = drawDashes(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection ? shirtStyleDirection : "vertical");
58
58
  break;
59
59
  case "checkered":
60
- shirtFill = drawCheckered(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection);
60
+ shirtFill = drawCheckered(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection);
61
61
  break;
62
62
  case "diamonds":
63
- shirtFill = drawDiamonds(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222");
63
+ shirtFill = drawDiamonds(page, optimizedShirtColor, shirtStyleColor);
64
64
  break;
65
65
  case "singleBand":
66
- shirtFill = drawSingleBand(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection ? shirtStyleDirection : "horizontal");
66
+ shirtFill = drawSingleBand(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection ? shirtStyleDirection : "horizontal");
67
67
  break;
68
68
  case "singleBandThin":
69
- shirtFill = drawSingleBandThin(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection);
69
+ shirtFill = drawSingleBandThin(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection);
70
70
  break;
71
71
  case "waves":
72
- shirtFill = drawWaves(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection == "vertical" || shirtStyleDirection == "horizontal"
72
+ shirtFill = drawWaves(page, optimizedShirtColor, shirtStyleColor, shirtStyleDirection == "vertical" || shirtStyleDirection == "horizontal"
73
73
  ? shirtStyleDirection
74
74
  : "vertical");
75
75
  break;
76
+ case "cross":
77
+ shirtFill = drawCrossLines(page, optimizedShirtColor, shirtStyleColor);
78
+ break;
76
79
  default:
77
80
  shirtFill = optimizedShirtColor;
78
81
  }
@@ -102,11 +105,11 @@ export default function drawSoccerJersey({ shirtColor = "plain", sleeveColor, sh
102
105
  page
103
106
  .circle(8)
104
107
  .fill(lightenDarkenColor(optimizedShirtColor, 60))
105
- .move(64, 18);
106
- page
107
- .polygon("0,3 3,0 4,3")
108
- .fill(lightenDarkenColor(optimizedShirtColor, -20))
109
- .move(30, 21);
108
+ .move(64, 25);
109
+ // page
110
+ // .polygon("0,3 3,0 4,3")
111
+ // .fill(lightenDarkenColor(optimizedShirtColor, -20))
112
+ // .move(30, 21);
110
113
  }
111
114
  }
112
115
  // left sleeve
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "soccer-jersey-fork",
3
- "version": "1.0.67",
3
+ "version": "1.0.69",
4
4
  "description": "Generate soccer jerseys in SVG format",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {