@blockspoon/cert-badge-renderer 1.0.3 → 1.0.5
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 +13 -13
- package/dist/interface/index.d.ts +1 -3
- package/dist/templates/badges/BadgeType1.js +21 -3
- package/dist/templates/badges/BadgeType15.js +13 -12
- package/dist/templates/badges/BadgeType21.js +41 -39
- package/dist/templates/badges/BadgeType35.js +7 -13
- package/dist/templates/badges/BadgeType63.d.ts +1 -1
- package/dist/templates/badges/BadgeType63.js +33 -42
- package/dist/templates/badges/BadgeType7.js +37 -16
- package/dist/templates/svgTemplate.js +8 -83
- package/dist/utils/generateAchievementHTML.d.ts +1 -1
- package/dist/utils/generateAchievementHTML.js +9 -7
- package/dist/utils/getBindingValue.js +7 -8
- package/package.json +1 -1
- package/src/browser/index.ts +1 -0
- package/src/interface/index.ts +1 -3
- package/src/templates/badges/BadgeType1.ts +22 -4
- package/src/templates/badges/BadgeType15.ts +13 -12
- package/src/templates/badges/BadgeType21.ts +41 -39
- package/src/templates/badges/BadgeType35.ts +7 -13
- package/src/templates/badges/BadgeType63.ts +37 -43
- package/src/templates/badges/BadgeType7.ts +38 -17
- package/src/templates/svgTemplate.ts +8 -102
- package/src/utils/generateAchievementHTML.ts +9 -6
- package/src/utils/generateDesignHTML.ts +12 -44
- package/src/utils/getBindingValue.ts +13 -15
- package/test/certificate.html +294 -236
- package/test/certificate.png +0 -0
- package/test/certificate_base64.png +0 -0
- package/test/test.js +203 -554
package/README.md
CHANGED
|
@@ -22,10 +22,10 @@ npm install @blockspoon/cert-badge-renderer
|
|
|
22
22
|
|
|
23
23
|
## 📝 사용법 예제
|
|
24
24
|
|
|
25
|
-
### 1. 인증서 또는 배지 HTML
|
|
25
|
+
### 1. 인증서 또는 배지 객체 기반으로 HTML 생성하기
|
|
26
26
|
|
|
27
27
|
```ts
|
|
28
|
-
import { generateAchievementHTML } from "@blockspoon/cert-badge-renderer";
|
|
28
|
+
import { generateAchievementHTML } from "@blockspoon/cert-badge-renderer/browser";
|
|
29
29
|
|
|
30
30
|
// achievement: https://developers.kolleges.net/docs/achievement_get#achievement-object
|
|
31
31
|
const html = await generateAchievementHTML(achievement, {
|
|
@@ -34,10 +34,10 @@ const html = await generateAchievementHTML(achievement, {
|
|
|
34
34
|
});
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
### 2. 인증서 또는 배지 PNG 이미지 생성
|
|
37
|
+
<!-- ### 2. 인증서 또는 배지 PNG 이미지 생성
|
|
38
38
|
|
|
39
39
|
```ts
|
|
40
|
-
import { generateAchievementFile } from "@blockspoon/cert-badge-renderer";
|
|
40
|
+
import { generateAchievementFile } from "@blockspoon/cert-badge-renderer/server";
|
|
41
41
|
|
|
42
42
|
// achievement: https://developers.kolleges.net/docs/achievement_get#achievement-object
|
|
43
43
|
const result = await generateAchievementFile(achievement, {
|
|
@@ -49,24 +49,24 @@ const result = await generateAchievementFile(achievement, {
|
|
|
49
49
|
// Base64 저장 예시
|
|
50
50
|
const base64 = result.base64.replace(/^data:image\/png;base64,/, "");
|
|
51
51
|
require("fs").writeFileSync("certificate.png", Buffer.from(base64, "base64"));
|
|
52
|
-
```
|
|
52
|
+
``` -->
|
|
53
53
|
|
|
54
|
-
###
|
|
54
|
+
### 2. 디자인 객체 기반으로 HTML 생성하기
|
|
55
55
|
|
|
56
56
|
```ts
|
|
57
|
-
import { generateDesignHTML } from "@blockspoon/cert-badge-renderer";
|
|
57
|
+
import { generateDesignHTML } from "@blockspoon/cert-badge-renderer/browser";
|
|
58
58
|
|
|
59
59
|
// certificateDesign: https://developers.kolleges.net/docs/design_get_certificate#certificatedesign-object
|
|
60
60
|
// badgeDesign: https://developers.kolleges.net/docs/design_get_badge#badgedesign-object
|
|
61
|
-
const html = await generateDesignHTML(certificateDesign || badgeDesign
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
const html = await generateDesignHTML(certificateDesign || badgeDesign, {
|
|
62
|
+
size: 600, // 렌더링 크기 (px)
|
|
63
|
+
});
|
|
64
64
|
```
|
|
65
65
|
|
|
66
|
-
### 4. 디자인(JSON) 기반으로 PNG 생성하기
|
|
66
|
+
<!-- ### 4. 디자인(JSON) 기반으로 PNG 생성하기
|
|
67
67
|
|
|
68
68
|
```ts
|
|
69
|
-
import { generateDesignFile } from "@blockspoon/cert-badge-renderer";
|
|
69
|
+
import { generateDesignFile } from "@blockspoon/cert-badge-renderer/server";
|
|
70
70
|
|
|
71
71
|
// certificateDesign: https://developers.kolleges.net/docs/design_get_certificate#certificatedesign-object
|
|
72
72
|
// badgeDesign: https://developers.kolleges.net/docs/design_get_badge#badgedesign-object
|
|
@@ -75,7 +75,7 @@ const png = await generateDesignFile(certificateDesign || badgeDesign);
|
|
|
75
75
|
require("fs").writeFileSync("badge.png", png.buffer);
|
|
76
76
|
```
|
|
77
77
|
|
|
78
|
-
---
|
|
78
|
+
--- -->
|
|
79
79
|
|
|
80
80
|
## 🔐 API Key 사용 방식
|
|
81
81
|
|
|
@@ -106,9 +106,7 @@ export interface ISvgProps {
|
|
|
106
106
|
extraColor2?: string;
|
|
107
107
|
}
|
|
108
108
|
export interface CertificateData {
|
|
109
|
-
|
|
110
|
-
kollegeInfo: any;
|
|
111
|
-
achievementInfo: any;
|
|
109
|
+
achievementForm: any;
|
|
112
110
|
}
|
|
113
111
|
export interface CertificateOptions {
|
|
114
112
|
type?: string;
|
|
@@ -27,18 +27,36 @@ function createBadgeType1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
27
27
|
display: "block",
|
|
28
28
|
}}
|
|
29
29
|
>
|
|
30
|
+
<mask id="path-1-inside-1_2530_21433" fill="white">
|
|
31
|
+
<path d="M260.835 12.7755L291.197 2.18051C306.272 -3.09063 323.087 1.38984 333.524 13.5135L354.503 37.8661C360.249 44.5605 368.103 49.0936 376.748 50.7277L408.322 56.6841C424.03 59.6359 436.311 71.9704 439.316 87.6784L445.272 119.252C446.906 127.897 451.44 135.751 458.134 141.497L482.487 162.476C494.61 172.913 499.091 189.728 493.819 204.803L483.224 235.165C480.325 243.493 480.325 252.56 483.224 260.835L493.819 291.197C499.091 306.272 494.61 323.087 482.487 333.524L458.134 354.503C451.44 360.249 446.906 368.103 445.272 376.748L439.316 408.322C436.364 424.03 424.03 436.311 408.322 439.316L376.748 445.272C368.103 446.906 360.249 451.44 354.503 458.134L333.524 482.487C323.087 494.61 306.272 499.091 291.197 493.819L260.835 483.224C252.507 480.325 243.44 480.325 235.165 483.224L204.803 493.819C189.728 499.091 172.913 494.61 162.476 482.487L141.497 458.134C135.751 451.44 127.897 446.906 119.252 445.272L87.6784 439.316C71.9704 436.364 59.6886 424.03 56.6841 408.322L50.7277 376.748C49.0936 368.103 44.5605 360.249 37.8661 354.503L13.5135 333.524C1.38984 323.087 -3.09063 306.272 2.18051 291.197L12.7755 260.835C15.6746 252.507 15.6746 243.44 12.7755 235.165L2.18051 204.803C-3.09063 189.728 1.38984 172.913 13.5135 162.476L37.8661 141.497C44.5605 135.751 49.0936 127.897 50.7277 119.252L56.6841 87.6784C59.6359 71.9704 71.9704 59.6886 87.6784 56.6841L119.252 50.7277C127.897 49.0936 135.751 44.5605 141.497 37.8661L162.476 13.5135C172.913 1.38984 189.728 -3.09063 204.803 2.18051L235.165 12.7755C243.493 15.6746 252.56 15.6746 260.835 12.7755Z" />
|
|
32
|
+
<path d="M260.266 23.2088L289.281 13.0838C303.688 8.04646 319.757 12.3282 329.731 23.9141L349.779 47.1866C355.27 53.584 362.776 57.9161 371.037 59.4777L401.211 65.1699C416.222 67.9908 427.959 79.7781 430.83 94.7894L436.522 124.963C438.084 133.224 442.416 140.73 448.813 146.221L472.086 166.269C483.672 176.243 487.954 192.312 482.916 206.719L472.791 235.734C470.021 243.693 470.021 252.357 472.791 260.266L482.916 289.281C487.954 303.688 483.672 319.757 472.086 329.731L448.813 349.779C442.416 355.27 438.084 362.776 436.522 371.037L430.83 401.211C428.009 416.222 416.222 427.959 401.211 430.83L371.037 436.522C362.776 438.084 355.27 442.416 349.779 448.813L329.731 472.086C319.757 483.672 303.688 487.954 289.281 482.916L260.266 472.791C252.307 470.021 243.643 470.021 235.734 472.791L206.719 482.916C192.312 487.954 176.243 483.672 166.269 472.086L146.221 448.813C140.73 442.416 133.224 438.084 124.963 436.522L94.7894 430.83C79.7781 428.009 68.0411 416.222 65.1699 401.211L59.4777 371.037C57.9161 362.776 53.584 355.27 47.1866 349.779L23.9141 329.731C12.3282 319.757 8.04646 303.688 13.0838 289.281L23.2088 260.266C25.9794 252.307 25.9794 243.643 23.2088 235.734L13.0838 206.719C8.04646 192.312 12.3282 176.243 23.9141 166.269L47.1866 146.221C53.584 140.73 57.9161 133.224 59.4777 124.963L65.1699 94.7894C67.9908 79.7781 79.7781 68.0411 94.7894 65.1699L124.963 59.4777C133.224 57.9161 140.73 53.584 146.221 47.1866L166.269 23.9141C176.243 12.3282 192.312 8.04646 206.719 13.0838L235.734 23.2088C243.693 25.9794 252.357 25.9794 260.266 23.2088Z" />
|
|
33
|
+
<path d="M259.697 33.6422L287.365 23.9871C301.103 19.1835 316.426 23.2665 325.937 34.3147L345.055 56.507C350.291 62.6075 357.449 66.7386 365.326 68.2277L394.1 73.6556C408.414 76.3456 419.606 87.5859 422.344 101.9L427.772 130.674C429.261 138.551 433.392 145.709 439.493 150.945L461.685 170.063C472.733 179.574 476.816 194.897 472.013 208.635L462.358 236.303C459.716 243.893 459.716 252.155 462.358 259.697L472.013 287.365C476.816 301.103 472.733 316.426 461.685 325.937L439.493 345.055C433.392 350.291 429.261 357.449 427.772 365.326L422.344 394.1C419.654 408.414 408.414 419.606 394.1 422.344L365.326 427.772C357.449 429.261 350.291 433.392 345.055 439.493L325.937 461.685C316.426 472.733 301.103 476.816 287.365 472.013L259.697 462.358C252.107 459.716 243.845 459.716 236.303 462.358L208.635 472.013C194.897 476.816 179.574 472.733 170.063 461.685L150.945 439.493C145.709 433.392 138.551 429.261 130.674 427.772L101.9 422.344C87.5859 419.654 76.3937 408.414 73.6556 394.1L68.2277 365.326C66.7386 357.449 62.6075 350.291 56.507 345.055L34.3147 325.937C23.2665 316.426 19.1835 301.103 23.9871 287.365L33.6422 259.697C36.2841 252.107 36.2841 243.845 33.6422 236.303L23.9871 208.635C19.1835 194.897 23.2665 179.574 34.3147 170.063L56.507 150.945C62.6075 145.709 66.7386 138.551 68.2277 130.674L73.6556 101.9C76.3456 87.5859 87.5859 76.3937 101.9 73.6556L130.674 68.2277C138.551 66.7386 145.709 62.6075 150.945 56.507L170.063 34.3147C179.574 23.2665 194.897 19.1835 208.635 23.9871L236.303 33.6422C243.893 36.2841 252.155 36.2841 259.697 33.6422Z" />
|
|
34
|
+
</mask>
|
|
30
35
|
<path
|
|
31
36
|
d="M260.835 12.7755L291.197 2.18051C306.272 -3.09063 323.087 1.38984 333.524 13.5135L354.503 37.8661C360.249 44.5605 368.103 49.0936 376.748 50.7277L408.322 56.6841C424.03 59.6359 436.311 71.9704 439.316 87.6784L445.272 119.252C446.906 127.897 451.44 135.751 458.134 141.497L482.487 162.476C494.61 172.913 499.091 189.728 493.819 204.803L483.224 235.165C480.325 243.493 480.325 252.56 483.224 260.835L493.819 291.197C499.091 306.272 494.61 323.087 482.487 333.524L458.134 354.503C451.44 360.249 446.906 368.103 445.272 376.748L439.316 408.322C436.364 424.03 424.03 436.311 408.322 439.316L376.748 445.272C368.103 446.906 360.249 451.44 354.503 458.134L333.524 482.487C323.087 494.61 306.272 499.091 291.197 493.819L260.835 483.224C252.507 480.325 243.44 480.325 235.165 483.224L204.803 493.819C189.728 499.091 172.913 494.61 162.476 482.487L141.497 458.134C135.751 451.44 127.897 446.906 119.252 445.272L87.6784 439.316C71.9704 436.364 59.6886 424.03 56.6841 408.322L50.7277 376.748C49.0936 368.103 44.5605 360.249 37.8661 354.503L13.5135 333.524C1.38984 323.087 -3.09063 306.272 2.18051 291.197L12.7755 260.835C15.6746 252.507 15.6746 243.44 12.7755 235.165L2.18051 204.803C-3.09063 189.728 1.38984 172.913 13.5135 162.476L37.8661 141.497C44.5605 135.751 49.0936 127.897 50.7277 119.252L56.6841 87.6784C59.6359 71.9704 71.9704 59.6886 87.6784 56.6841L119.252 50.7277C127.897 49.0936 135.751 44.5605 141.497 37.8661L162.476 13.5135C172.913 1.38984 189.728 -3.09063 204.803 2.18051L235.165 12.7755C243.493 15.6746 252.56 15.6746 260.835 12.7755Z"
|
|
32
37
|
fill="${mainColor}"
|
|
33
38
|
/>
|
|
34
39
|
<path
|
|
35
40
|
d="M260.266 23.2088L289.281 13.0838C303.688 8.04646 319.757 12.3282 329.731 23.9141L349.779 47.1866C355.27 53.584 362.776 57.9161 371.037 59.4777L401.211 65.1699C416.222 67.9908 427.959 79.7781 430.83 94.7894L436.522 124.963C438.084 133.224 442.416 140.73 448.813 146.221L472.086 166.269C483.672 176.243 487.954 192.312 482.916 206.719L472.791 235.734C470.021 243.693 470.021 252.357 472.791 260.266L482.916 289.281C487.954 303.688 483.672 319.757 472.086 329.731L448.813 349.779C442.416 355.27 438.084 362.776 436.522 371.037L430.83 401.211C428.009 416.222 416.222 427.959 401.211 430.83L371.037 436.522C362.776 438.084 355.27 442.416 349.779 448.813L329.731 472.086C319.757 483.672 303.688 487.954 289.281 482.916L260.266 472.791C252.307 470.021 243.643 470.021 235.734 472.791L206.719 482.916C192.312 487.954 176.243 483.672 166.269 472.086L146.221 448.813C140.73 442.416 133.224 438.084 124.963 436.522L94.7894 430.83C79.7781 428.009 68.0411 416.222 65.1699 401.211L59.4777 371.037C57.9161 362.776 53.584 355.27 47.1866 349.779L23.9141 329.731C12.3282 319.757 8.04646 303.688 13.0838 289.281L23.2088 260.266C25.9794 252.307 25.9794 243.643 23.2088 235.734L13.0838 206.719C8.04646 192.312 12.3282 176.243 23.9141 166.269L47.1866 146.221C53.584 140.73 57.9161 133.224 59.4777 124.963L65.1699 94.7894C67.9908 79.7781 79.7781 68.0411 94.7894 65.1699L124.963 59.4777C133.224 57.9161 140.73 53.584 146.221 47.1866L166.269 23.9141C176.243 12.3282 192.312 8.04646 206.719 13.0838L235.734 23.2088C243.693 25.9794 252.357 25.9794 260.266 23.2088Z"
|
|
36
|
-
fill="
|
|
41
|
+
fill="#101113"
|
|
37
42
|
/>
|
|
38
43
|
<path
|
|
39
|
-
d="
|
|
44
|
+
d="M260.835 12.7755L291.197 2.18051C306.272 -3.09063 323.087 1.38984 333.524 13.5135L354.503 37.8661C360.249 44.5605 368.103 49.0936 376.748 50.7277L408.322 56.6841C424.03 59.6359 436.311 71.9704 439.316 87.6784L445.272 119.252C446.906 127.897 451.44 135.751 458.134 141.497L482.487 162.476C494.61 172.913 499.091 189.728 493.819 204.803L483.224 235.165C480.325 243.493 480.325 252.56 483.224 260.835L493.819 291.197C499.091 306.272 494.61 323.087 482.487 333.524L458.134 354.503C451.44 360.249 446.906 368.103 445.272 376.748L439.316 408.322C436.364 424.03 424.03 436.311 408.322 439.316L376.748 445.272C368.103 446.906 360.249 451.44 354.503 458.134L333.524 482.487C323.087 494.61 306.272 499.091 291.197 493.819L260.835 483.224C252.507 480.325 243.44 480.325 235.165 483.224L204.803 493.819C189.728 499.091 172.913 494.61 162.476 482.487L141.497 458.134C135.751 451.44 127.897 446.906 119.252 445.272L87.6784 439.316C71.9704 436.364 59.6886 424.03 56.6841 408.322L50.7277 376.748C49.0936 368.103 44.5605 360.249 37.8661 354.503L13.5135 333.524C1.38984 323.087 -3.09063 306.272 2.18051 291.197L12.7755 260.835C15.6746 252.507 15.6746 243.44 12.7755 235.165L2.18051 204.803C-3.09063 189.728 1.38984 172.913 13.5135 162.476L37.8661 141.497C44.5605 135.751 49.0936 127.897 50.7277 119.252L56.6841 87.6784C59.6359 71.9704 71.9704 59.6886 87.6784 56.6841L119.252 50.7277C127.897 49.0936 135.751 44.5605 141.497 37.8661L162.476 13.5135C172.913 1.38984 189.728 -3.09063 204.803 2.18051L235.165 12.7755C243.493 15.6746 252.56 15.6746 260.835 12.7755Z"
|
|
45
|
+
stroke="${mainColor}"
|
|
46
|
+
strokeWidth="4"
|
|
47
|
+
mask="url(#path-1-inside-1_2530_21433)"
|
|
48
|
+
/>
|
|
49
|
+
<path
|
|
50
|
+
d="M260.266 23.2088L289.281 13.0838C303.688 8.04646 319.757 12.3282 329.731 23.9141L349.779 47.1866C355.27 53.584 362.776 57.9161 371.037 59.4777L401.211 65.1699C416.222 67.9908 427.959 79.7781 430.83 94.7894L436.522 124.963C438.084 133.224 442.416 140.73 448.813 146.221L472.086 166.269C483.672 176.243 487.954 192.312 482.916 206.719L472.791 235.734C470.021 243.693 470.021 252.357 472.791 260.266L482.916 289.281C487.954 303.688 483.672 319.757 472.086 329.731L448.813 349.779C442.416 355.27 438.084 362.776 436.522 371.037L430.83 401.211C428.009 416.222 416.222 427.959 401.211 430.83L371.037 436.522C362.776 438.084 355.27 442.416 349.779 448.813L329.731 472.086C319.757 483.672 303.688 487.954 289.281 482.916L260.266 472.791C252.307 470.021 243.643 470.021 235.734 472.791L206.719 482.916C192.312 487.954 176.243 483.672 166.269 472.086L146.221 448.813C140.73 442.416 133.224 438.084 124.963 436.522L94.7894 430.83C79.7781 428.009 68.0411 416.222 65.1699 401.211L59.4777 371.037C57.9161 362.776 53.584 355.27 47.1866 349.779L23.9141 329.731C12.3282 319.757 8.04646 303.688 13.0838 289.281L23.2088 260.266C25.9794 252.307 25.9794 243.643 23.2088 235.734L13.0838 206.719C8.04646 192.312 12.3282 176.243 23.9141 166.269L47.1866 146.221C53.584 140.73 57.9161 133.224 59.4777 124.963L65.1699 94.7894C67.9908 79.7781 79.7781 68.0411 94.7894 65.1699L124.963 59.4777C133.224 57.9161 140.73 53.584 146.221 47.1866L166.269 23.9141C176.243 12.3282 192.312 8.04646 206.719 13.0838L235.734 23.2088C243.693 25.9794 252.357 25.9794 260.266 23.2088Z"
|
|
51
|
+
stroke="${mainColor}"
|
|
52
|
+
strokeWidth="4"
|
|
53
|
+
mask="url(#path-1-inside-1_2530_21433)"
|
|
54
|
+
/>
|
|
55
|
+
<path
|
|
56
|
+
d="M259.697 33.6422L287.365 23.9871C301.103 19.1835 316.426 23.2665 325.937 34.3147L345.055 56.507C350.291 62.6075 357.449 66.7386 365.326 68.2277L394.1 73.6556C408.414 76.3456 419.606 87.5859 422.344 101.9L427.772 130.674C429.261 138.551 433.392 145.709 439.493 150.945L461.685 170.063C472.733 179.574 476.816 194.897 472.013 208.635L462.358 236.303C459.716 243.893 459.716 252.155 462.358 259.697L472.013 287.365C476.816 301.103 472.733 316.426 461.685 325.937L439.493 345.055C433.392 350.291 429.261 357.449 427.772 365.326L422.344 394.1C419.654 408.414 408.414 419.606 394.1 422.344L365.326 427.772C357.449 429.261 350.291 433.392 345.055 439.493L325.937 461.685C316.426 472.733 301.103 476.816 287.365 472.013L259.697 462.358C252.107 459.716 243.845 459.716 236.303 462.358L208.635 472.013C194.897 476.816 179.574 472.733 170.063 461.685L150.945 439.493C145.709 433.392 138.551 429.261 130.674 427.772L101.9 422.344C87.5859 419.654 76.3937 408.414 73.6556 394.1L68.2277 365.326C66.7386 357.449 62.6075 350.291 56.507 345.055L34.3147 325.937C23.2665 316.426 19.1835 301.103 23.9871 287.365L33.6422 259.697C36.2841 252.107 36.2841 243.845 33.6422 236.303L23.9871 208.635C19.1835 194.897 23.2665 179.574 34.3147 170.063L56.507 150.945C62.6075 145.709 66.7386 138.551 68.2277 130.674L73.6556 101.9C76.3456 87.5859 87.5859 76.3937 101.9 73.6556L130.674 68.2277C138.551 66.7386 145.709 62.6075 150.945 56.507L170.063 34.3147C179.574 23.2665 194.897 19.1835 208.635 23.9871L236.303 33.6422C243.893 36.2841 252.155 36.2841 259.697 33.6422Z"
|
|
40
57
|
stroke="${mainColor}"
|
|
41
|
-
|
|
58
|
+
strokeWidth="4"
|
|
59
|
+
mask="url(#path-1-inside-1_2530_21433)"
|
|
42
60
|
/>
|
|
43
61
|
</svg>
|
|
44
62
|
`;
|
|
@@ -19,18 +19,13 @@ function createBadgeType15({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
19
19
|
"
|
|
20
20
|
>
|
|
21
21
|
<path
|
|
22
|
-
d="M447 379.678C447 391.
|
|
22
|
+
d="M447 379.678C447 391.414 440.577 402.207 430.262 407.804L238.762 511.718C229.243 516.884 217.757 516.884 208.238 511.718L16.7379 407.804C6.42345 402.207 0 391.414 0 379.678V102.764C0 91.7543 5.59469 81.4635 14.7081 75.2856C53.008 49.3224 128.89 -1.40575 229.611 0.0298592C323.927 1.39107 394.914 49.7758 432.306 75.2716C441.401 81.4734 447 91.753 447 102.762V379.678Z"
|
|
23
23
|
fill="${subColor}"
|
|
24
24
|
/>
|
|
25
25
|
<path
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
/>
|
|
30
|
-
<path
|
|
31
|
-
fill-rule="evenodd"
|
|
32
|
-
clip-rule="evenodd"
|
|
33
|
-
d="M447 123.665C445.628 122.353 444.148 121.141 442.576 120.046C440.507 118.604 438.322 117.068 436.025 115.454C397.862 88.6291 328.721 40.0289 243.5 38.8654C149.286 37.595 82.1783 76.9627 46.4497 99.2444C36.8688 105.219 31 115.746 31 127.038V357.354C31 369 37.3268 379.726 47.5191 385.36L254.718 499.893C255.857 500.523 257.024 501.078 258.215 501.559L238.771 512.118C229.247 517.29 217.753 517.29 208.229 512.118L16.7286 408.122C6.41932 402.523 0 391.732 0 380.001V102.824C0 91.8181 5.59082 81.5305 14.6986 75.3515C52.9955 49.3698 128.882 -1.407 229.611 0.0298592C323.935 1.39226 394.926 49.8233 432.315 75.3376C441.405 81.5404 447 91.8168 447 102.821V123.665Z"
|
|
26
|
+
fillRule="evenodd"
|
|
27
|
+
clipRule="evenodd"
|
|
28
|
+
d="M447 123.665C445.628 122.353 444.148 121.141 442.576 120.046C440.507 118.604 438.322 117.069 436.025 115.454C397.862 88.6291 328.721 40.0289 243.5 38.8654C149.286 37.5951 82.1783 76.9627 46.4497 99.2444C36.8688 105.219 31 115.746 31 127.038V357.354C31 369 37.3268 379.726 47.5191 385.36L254.718 499.893C255.857 500.523 257.024 501.078 258.215 501.559L238.771 512.118C229.247 517.29 217.753 517.29 208.229 512.118L16.7286 408.122C6.41932 402.523 0 391.732 0 380.001V102.824C0 91.8181 5.59082 81.5306 14.6986 75.3515C52.9955 49.3698 128.882 -1.407 229.611 0.0298592C323.935 1.39226 394.926 49.8234 432.315 75.3376C441.405 81.5404 447 91.8168 447 102.821V123.665Z"
|
|
34
29
|
fill="${mainColor}"
|
|
35
30
|
/>
|
|
36
31
|
<path
|
|
@@ -40,17 +35,23 @@ function createBadgeType15({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
40
35
|
<path
|
|
41
36
|
d="M447 304L429 292.5V265L447 277.5V304Z"
|
|
42
37
|
fill="black"
|
|
43
|
-
|
|
38
|
+
fillOpacity="0.4"
|
|
44
39
|
/>
|
|
45
40
|
<path
|
|
46
41
|
d="M31 344.497L0 329.997V115.496L31 131.997V344.497Z"
|
|
47
42
|
fill="black"
|
|
48
|
-
|
|
43
|
+
fillOpacity="0.4"
|
|
49
44
|
/>
|
|
50
45
|
<path
|
|
51
46
|
d="M31 344.5L0 330V279.5L31 296.001V344.5Z"
|
|
52
47
|
fill="black"
|
|
53
|
-
|
|
48
|
+
fillOpacity="0.4"
|
|
49
|
+
/>
|
|
50
|
+
<path
|
|
51
|
+
fillRule="evenodd"
|
|
52
|
+
clipRule="evenodd"
|
|
53
|
+
d="M412.304 390.437C419.486 386.481 423.947 378.93 423.947 370.73L423.946 102.227L428.946 102.227L428.947 370.73C428.947 380.752 423.495 389.981 414.716 394.817L226.652 498.417L224.24 494.037L412.304 390.437Z"
|
|
54
|
+
fill="${mainColor}"
|
|
54
55
|
/>
|
|
55
56
|
</svg>
|
|
56
57
|
`;
|
|
@@ -19,45 +19,47 @@ function createBadgeType21({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
19
19
|
display: block;
|
|
20
20
|
"
|
|
21
21
|
>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
22
|
+
<path
|
|
23
|
+
d="M420 355.131C420 366.872 413.57 377.67 403.248 383.264L225.248 479.736C215.736 484.891 204.264 484.891 194.752 479.736L16.7522 383.264C6.42978 377.67 0 366.872 0 355.131V97.5405C0 86.5242 5.58358 76.2255 14.7074 70.0518C50.9709 45.5138 121.877 -1.30827 215.742 0.0279996C303.619 1.29475 369.942 45.9556 405.304 70.0342C414.409 76.2336 420 86.523 420 97.5378V355.131Z"
|
|
24
|
+
fill="url(#${paintId0})"
|
|
25
|
+
/>
|
|
26
|
+
<path
|
|
27
|
+
d="M404 346.698C404 358.384 397.63 369.14 387.383 374.758L225.383 463.567C215.8 468.82 204.2 468.82 194.617 463.567L32.6173 374.758C22.3701 369.14 16 358.384 16 346.698V108.198C16 97.2402 21.5213 86.9719 30.567 80.7877C64.3554 57.6879 129.429 14.7896 215.305 16.0262C295.682 17.1981 356.539 58.1185 389.444 80.7669C398.469 86.9787 404 97.2389 404 108.195V346.698Z"
|
|
28
|
+
fill="white"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M400 344.592C400 356.263 393.646 367.008 383.42 372.632L225.42 459.52C215.818 464.801 204.182 464.801 194.58 459.52L36.5802 372.632C26.3537 367.008 20 356.263 20 344.592V110.859C20 99.918 25.507 89.6562 34.5314 83.4695C67.6977 60.7325 131.314 18.8141 215.195 20.0257C293.7 21.1739 353.192 61.1603 385.479 83.4479C394.483 89.6628 400 99.9167 400 110.857V344.592Z"
|
|
32
|
+
fill="${subColor}"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
fillRule="evenodd"
|
|
36
|
+
clipRule="evenodd"
|
|
37
|
+
d="M224.328 448.935L376.328 366.31C385.987 361.059 392 350.946 392 339.952V267C392 250.431 378.569 237 362 237H58C41.4315 237 28 250.431 28 267V339.952C28 350.946 34.0134 361.059 43.6724 366.31L195.672 448.935C204.607 453.792 215.393 453.792 224.328 448.935ZM377.283 368.067L225.283 450.692C215.753 455.873 204.247 455.873 194.717 450.692L42.7172 368.067C32.4143 362.466 26 351.679 26 339.952V267C26 249.327 40.3269 235 58 235H362C379.673 235 394 249.327 394 267V339.952C394 351.679 387.586 362.466 377.283 368.067Z"
|
|
38
|
+
fill="white"
|
|
39
|
+
/>
|
|
40
|
+
<path
|
|
41
|
+
d="M21 110.835V190C21 207.673 35.3269 222 53 222H368C385.673 222 400 207.673 400 190V110.832C400 99.9054 394.496 89.6622 385.512 83.444C353.308 61.1556 293.975 21.1739 215.682 20.0257C132.026 18.8141 68.5795 60.7277 35.499 83.4656C26.4933 89.6556 21 99.9067 21 110.835Z"
|
|
42
|
+
fill="white"
|
|
43
|
+
/>
|
|
44
|
+
<path
|
|
45
|
+
fillRule="evenodd"
|
|
46
|
+
clipRule="evenodd"
|
|
47
|
+
d="M25 110.492V191C25 205.912 37.0883 218 52 218H368C382.912 218 395 205.912 395 191V110.489C395 101.278 390.37 92.5812 382.743 87.2638C350.521 64.7985 292.079 25.1622 215.122 24.0254C132.84 22.8251 70.3137 64.4019 37.2545 87.294C29.6234 92.5783 25 101.274 25 110.492ZM20 191V110.492C20 99.6015 25.4544 89.3834 34.408 83.1834C67.5397 60.241 131.21 17.8008 215.195 19.026C293.8 20.187 353.344 60.671 385.603 83.1623C394.535 89.39 400 99.6002 400 110.489V191C400 208.673 385.673 223 368 223H52C34.3269 223 20 208.673 20 191Z"
|
|
48
|
+
fill="${mainColor}"
|
|
49
|
+
/>
|
|
50
|
+
<defs>
|
|
51
|
+
<linearGradient
|
|
52
|
+
id="${paintId0}"
|
|
53
|
+
x1="210"
|
|
54
|
+
y1="0"
|
|
55
|
+
x2="210"
|
|
56
|
+
y2="488"
|
|
57
|
+
gradientUnits="userSpaceOnUse"
|
|
58
|
+
>
|
|
59
|
+
<stop stopColor="${mainColor}" />
|
|
60
|
+
<stop offset="1" stopColor="${subColor}" />
|
|
61
|
+
</linearGradient>
|
|
62
|
+
</defs>
|
|
61
63
|
</svg>
|
|
62
64
|
`;
|
|
63
65
|
}
|
|
@@ -23,28 +23,22 @@ function createBadgeType35({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
23
23
|
fill="${mainColor}"
|
|
24
24
|
/>
|
|
25
25
|
<path
|
|
26
|
-
d="M443
|
|
26
|
+
d="M443 222C443 249.204 419.197 271.715 409.335 295.45C399.134 320.104 399.746 352.647 381.213 371.213C362.681 389.78 330.036 389.134 305.45 399.335C281.647 409.197 259.306 433 232 433C204.694 433 182.285 409.197 158.55 399.335C133.896 389.134 101.353 389.746 82.8208 371.213C64.2882 352.681 64.8662 320.036 54.6648 295.45C44.8034 271.715 21 249.272 21 222C21 194.728 44.8034 172.285 54.6648 148.55C64.8662 123.896 64.2882 91.3534 82.8208 72.7868C101.353 54.2201 133.828 54.8662 158.55 44.6648C182.353 34.8034 204.728 11 232 11C259.272 11 281.749 34.8034 305.45 44.6648C330.104 54.8662 362.681 54.2542 381.213 72.7868C399.746 91.3194 399.134 123.964 409.335 148.55C419.129 172.285 443 194.694 443 222Z"
|
|
27
27
|
fill="black"
|
|
28
|
-
|
|
28
|
+
fillOpacity="0.4"
|
|
29
29
|
/>
|
|
30
30
|
<path
|
|
31
|
-
d="M435
|
|
31
|
+
d="M435 222C435 248.172 412.099 269.83 402.612 292.666C392.797 316.384 393.386 347.693 375.556 365.556C357.726 383.419 326.319 382.797 302.666 392.612C279.765 402.099 258.271 425 232 425C205.729 425 184.17 402.099 161.334 392.612C137.616 382.797 106.307 383.386 88.4769 365.556C70.6469 347.726 71.2031 316.319 61.3884 292.666C51.9009 269.83 29 248.238 29 222C29 195.762 51.9009 174.17 61.3884 151.334C71.2031 127.616 70.6469 96.3069 88.4769 78.4442C106.307 60.5815 137.55 61.2031 161.334 51.3884C184.235 41.9009 205.762 19 232 19C258.238 19 279.863 41.9009 302.666 51.3884C326.384 61.2031 357.726 60.6142 375.556 78.4442C393.386 96.2741 392.797 127.681 402.612 151.334C412.034 174.17 435 195.729 435 222Z"
|
|
32
32
|
fill="white"
|
|
33
33
|
/>
|
|
34
34
|
<path
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
d="
|
|
35
|
+
fillRule="evenodd"
|
|
36
|
+
clipRule="evenodd"
|
|
37
|
+
d="M47.6757 257H416.31C416.616 256.498 416.918 255.999 417.216 255.501C424.025 244.131 429 233.366 429 222C429 210.587 424.011 199.823 417.195 188.467C415.392 185.464 413.423 182.37 411.414 179.212C406.166 170.966 400.64 162.282 397.07 153.634C393.314 144.583 390.949 134.249 388.722 124.518L388.722 124.517L388.721 124.516C387.907 120.96 387.112 117.484 386.274 114.181C383.001 101.284 379 90.3733 371.313 82.6868C363.625 74.9991 352.729 70.9981 339.842 67.726C336.531 66.8852 333.046 66.0874 329.479 65.2709C319.76 63.046 309.433 60.6822 300.371 56.9325L300.361 56.928C291.778 53.3572 283.139 47.8636 274.926 42.6416C271.722 40.6041 268.583 38.6079 265.537 36.7834C254.175 29.9764 243.4 25 232 25C220.602 25 209.853 29.9745 198.502 36.782C195.488 38.5893 192.382 40.5646 189.211 42.5816C180.971 47.8226 172.288 53.3449 163.631 56.9315L163.623 56.9347C154.553 60.6774 144.242 63.0353 134.543 65.2532C130.964 66.0716 127.469 66.8709 124.15 67.7137C111.285 70.9805 100.412 74.9804 92.7234 82.6829C85.0301 90.3903 81.0211 101.293 77.7414 114.174C76.8969 117.49 76.0955 120.981 75.2754 124.553C73.0464 134.262 70.6788 144.575 66.9325 153.629L66.9292 153.636C63.3531 162.244 57.8499 170.898 52.6215 179.12L52.621 179.12C50.5906 182.313 48.6016 185.441 46.7829 188.476C39.9758 199.834 35 210.6 35 222C35 233.4 39.9758 244.166 46.7829 255.524C47.0763 256.014 47.3741 256.506 47.6757 257ZM58.2729 286.032C59.1724 287.848 60.0063 289.669 60.7566 291.498C64.3135 300.178 66.5134 309.885 68.7148 319.599C72.6107 336.79 76.5115 354.003 87.9466 365.582C99.3852 377.165 116.351 381.1 133.322 385.036L133.322 385.036C142.903 387.259 152.486 389.481 161.077 393.081C169.203 396.5 177.169 401.632 185.241 406.833C199.937 416.303 214.987 426 232.007 426C249.002 426 264.006 416.332 278.679 406.876C286.773 401.66 294.766 396.509 302.938 393.081C311.514 389.478 321.106 387.258 330.704 385.038L330.705 385.037C347.677 381.11 364.669 377.179 376.101 365.582C387.538 353.98 391.425 336.796 395.312 319.611L395.312 319.611C397.507 309.905 399.702 300.199 403.258 291.498C404.097 289.453 405.041 287.417 406.064 285.387C409.023 279.772 412.569 274.192 416.147 268.56C425.462 253.9 435 238.89 435 222C435 205.083 425.477 190.12 416.179 175.511C411.038 167.434 405.966 159.465 402.612 151.334C399.065 142.788 396.877 133.229 394.688 123.665L394.688 123.664C390.818 106.758 386.943 89.8318 375.556 78.4442C364.161 67.0493 347.248 63.1772 330.332 59.3047C320.779 57.1177 311.226 54.9307 302.666 51.3884C294.591 48.029 286.665 42.9879 278.629 37.8772C263.97 28.5543 248.947 19 232 19C215.091 19 200.138 28.5114 185.513 37.8142C177.445 42.9464 169.477 48.0152 161.334 51.3884C152.763 54.9253 143.224 57.1068 133.692 59.2866C116.774 63.1555 99.8816 67.0186 88.4769 78.4442C77.0775 89.8645 73.1935 106.781 69.3098 123.696C67.1189 133.238 64.9282 142.78 61.3884 151.334C58.0244 159.431 52.974 167.372 47.8561 175.419C38.54 190.066 29 205.065 29 222C29 238.935 38.54 253.934 47.8561 268.581L47.8562 268.582C51.5702 274.421 55.2486 280.205 58.2729 286.032Z"
|
|
38
38
|
fill="${mainColor}"
|
|
39
39
|
/>
|
|
40
40
|
<path
|
|
41
|
-
|
|
42
|
-
clip-rule="evenodd"
|
|
43
|
-
d="M39 265C41.0176 268.409 43.1334 271.782 45.238 275.138C50.4286 283.413 55.5508 291.579 58.9626 299.906C62.5566 308.689 64.7794 318.511 67.0038 328.34C70.9403 345.734 74.8818 363.151 86.4361 374.867C97.9941 386.586 115.137 390.568 132.284 394.551C141.966 396.8 151.649 399.049 160.329 402.691C168.54 406.15 176.589 411.343 184.745 416.606C199.594 426.187 214.801 436 231.999 436C249.171 436 264.331 426.217 279.157 416.649C287.335 411.372 295.412 406.16 303.669 402.691C312.335 399.045 322.027 396.799 331.726 394.552C348.875 390.579 366.044 386.601 377.595 374.867C389.152 363.127 393.079 345.74 397.007 328.351C399.225 318.531 401.443 308.71 405.036 299.906C408.448 291.577 413.572 283.401 418.764 275.116C420.862 271.767 422.971 268.401 424.983 265H39Z"
|
|
44
|
-
fill="${mainColor}"
|
|
45
|
-
/>
|
|
46
|
-
<path
|
|
47
|
-
d="M231.943 358C292.05 358 341 316.257 341 265H123C123 316.354 171.95 358 231.943 358Z"
|
|
41
|
+
d="M231.943 350C292.05 350 341 308.257 341 257H123C123 308.354 171.95 350 231.943 350Z"
|
|
48
42
|
fill="${subColor}"
|
|
49
43
|
/>
|
|
50
44
|
</svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ISvgProps } from "../../interface";
|
|
2
|
-
export declare function createBadgeType63({ mainColor, subColor, }: ISvgProps): string;
|
|
2
|
+
export declare function createBadgeType63({ mainColor, subColor, extraColor1, extraColor2, }: ISvgProps): string;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createBadgeType63 = createBadgeType63;
|
|
4
|
-
function createBadgeType63({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
4
|
+
function createBadgeType63({ mainColor = "#96A6B4", subColor = "#96A6B4", extraColor1 = "#96A6B4", extraColor2 = "#96A6B4", }) {
|
|
5
|
+
const clipId0 = `clip0_linear_${Math.random().toString(36).substr(2, 9)}`;
|
|
5
6
|
return `
|
|
6
7
|
<svg
|
|
7
8
|
width="100%"
|
|
@@ -18,65 +19,55 @@ function createBadgeType63({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
18
19
|
display: block;
|
|
19
20
|
"
|
|
20
21
|
>
|
|
22
|
+
<defs>
|
|
23
|
+
<clipPath id="${clipId0}">
|
|
24
|
+
<path
|
|
25
|
+
d="M23 347.403H514V362.403C514 446.35 445.947 514.403 362 514.403H55C37.3269 514.403 23 500.076 23 482.403V347.403Z"
|
|
26
|
+
fill="${extraColor2}"
|
|
27
|
+
/>
|
|
28
|
+
</clipPath>
|
|
29
|
+
</defs>
|
|
21
30
|
<path
|
|
22
|
-
d="M6
|
|
31
|
+
d="M6 40.403C6 21.6253 21.2223 6.40302 40 6.40302H377C462.052 6.40302 531 75.3512 531 160.403V377.403C531 462.455 462.052 531.403 377 531.403H40C21.2223 531.403 6 516.181 6 497.403V40.403Z"
|
|
23
32
|
fill="${mainColor}"
|
|
24
33
|
stroke="${mainColor}"
|
|
25
|
-
|
|
34
|
+
strokeWidth="12"
|
|
26
35
|
/>
|
|
27
36
|
<path
|
|
28
|
-
d="M15
|
|
29
|
-
stroke="
|
|
30
|
-
|
|
37
|
+
d="M15 53.403C15 32.4162 32.0132 15.403 53 15.403H364C451.261 15.403 522 86.142 522 173.403V364.403C522 451.664 451.261 522.403 364 522.403H53C32.0132 522.403 15 505.39 15 484.403V53.403Z"
|
|
38
|
+
stroke="${extraColor2}"
|
|
39
|
+
strokeWidth="4"
|
|
31
40
|
/>
|
|
32
41
|
<path
|
|
33
|
-
d="M23
|
|
34
|
-
fill="
|
|
42
|
+
d="M23 55.403C23 37.7299 37.3269 23.403 55 23.403H362C445.947 23.403 514 91.4557 514 175.403V362.403C514 446.35 445.947 514.403 362 514.403H55C37.3269 514.403 23 500.076 23 482.403V55.403Z"
|
|
43
|
+
fill="${extraColor2}"
|
|
35
44
|
/>
|
|
36
|
-
<
|
|
37
|
-
id="mask0_2407_494"
|
|
38
|
-
style="mask-type:alpha"
|
|
39
|
-
maskUnits="userSpaceOnUse"
|
|
45
|
+
<rect
|
|
40
46
|
x="23"
|
|
41
|
-
y="
|
|
42
|
-
width="
|
|
43
|
-
height="
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
clip-rule="evenodd"
|
|
48
|
-
d="M514 345.25V362.655C514 446.602 445.947 514.655 362 514.655H55C37.3269 514.655 23 500.328 23 482.655V345.25H514Z"
|
|
49
|
-
fill="#D9D9D9"
|
|
50
|
-
/>
|
|
51
|
-
</mask>
|
|
52
|
-
<g mask="url(#mask0_2407_494)">
|
|
53
|
-
<path
|
|
54
|
-
d="M71.497 455.745C24.4564 461.406 -24.5553 464.305 -74.7495 464.305C-236.501 464.305 -413.364 421.506 -529.389 370.423L-536.09 370.285L-536.09 440.973C-282.096 488.052 -65.8145 474.798 71.497 455.745Z"
|
|
55
|
-
fill="${subColor}"
|
|
56
|
-
fill-opacity="0.1"
|
|
57
|
-
/>
|
|
47
|
+
y="175.65"
|
|
48
|
+
width="439"
|
|
49
|
+
height="3.50499"
|
|
50
|
+
fill="${mainColor}"
|
|
51
|
+
/>
|
|
52
|
+
<g clip-path="url(#${clipId0})">
|
|
58
53
|
<path
|
|
59
|
-
d="
|
|
54
|
+
d="M350.872 379.324C406.16 342.877 482.659 344.955 513.997 350.55V514.403H21.836L21.8388 429.929C22.1044 432.831 32.4456 440.889 68.0071 452.059C113.812 466.446 281.762 424.883 350.872 379.324Z"
|
|
60
55
|
fill="${mainColor}"
|
|
61
56
|
/>
|
|
62
57
|
<path
|
|
63
|
-
|
|
64
|
-
|
|
58
|
+
fillRule="evenodd"
|
|
59
|
+
clipRule="evenodd"
|
|
60
|
+
d="M514.104 350.55C482.766 344.955 406.267 342.877 350.979 379.324C290.856 418.959 147.138 502.753 80.619 514.403H80.6172C80.622 514.403 80.619 514.403 80.619 514.403H514.104V350.55Z"
|
|
65
61
|
fill="${subColor}"
|
|
66
62
|
/>
|
|
67
63
|
<path
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
fillRule="evenodd"
|
|
65
|
+
clipRule="evenodd"
|
|
66
|
+
d="M514.101 425.679C479.612 419.218 438.775 419.581 393.111 430.105C380.412 433.506 341.625 445.676 288.07 467.153C225.943 492.068 189.771 503.867 128.328 514.403L514.101 514.403V425.679Z"
|
|
67
|
+
fill="${extraColor1}"
|
|
71
68
|
/>
|
|
72
69
|
</g>
|
|
73
|
-
|
|
74
|
-
x="18"
|
|
75
|
-
y="175.247"
|
|
76
|
-
width="439"
|
|
77
|
-
height="3.50499"
|
|
78
|
-
fill="${mainColor}"
|
|
79
|
-
/>
|
|
70
|
+
|
|
80
71
|
</svg>
|
|
81
72
|
`;
|
|
82
73
|
}
|
|
@@ -29,7 +29,8 @@ function createBadgeType7({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
29
29
|
/>
|
|
30
30
|
<mask
|
|
31
31
|
id="mask0_2384_132"
|
|
32
|
-
style="mask-type:
|
|
32
|
+
// style="mask-type:alpha"
|
|
33
|
+
style={{ maskType: "alpha" }}
|
|
33
34
|
maskUnits="userSpaceOnUse"
|
|
34
35
|
x="17"
|
|
35
36
|
y="17"
|
|
@@ -51,23 +52,43 @@ function createBadgeType7({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
|
|
|
51
52
|
fill="${mainColor}"
|
|
52
53
|
/>
|
|
53
54
|
<path
|
|
54
|
-
d="
|
|
55
|
-
fill="
|
|
55
|
+
d="M207.237 448.787C207.237 456.661 202.868 458.644 197.479 458.644C192.09 458.644 187.721 455.244 187.721 448.787C187.721 441.358 197.479 430.589 197.479 430.589C197.479 430.589 207.237 441.358 207.237 448.787Z"
|
|
56
|
+
fill="${mainColor}"
|
|
57
|
+
/>
|
|
58
|
+
<path
|
|
59
|
+
d="M328.494 405.693C328.494 417.675 321.668 420.694 313.247 420.694C304.826 420.694 298 415.519 298 405.693C298 394.388 313.247 378.001 313.247 378.001C313.247 378.001 328.494 394.388 328.494 405.693Z"
|
|
60
|
+
fill="${subColor}"
|
|
61
|
+
/>
|
|
62
|
+
<path
|
|
63
|
+
d="M421.717 420.263C421.717 447.705 406.083 454.619 386.798 454.619C367.513 454.619 351.879 442.767 351.879 420.263C351.879 394.374 386.798 356.845 386.798 356.845C386.798 356.845 421.717 394.374 421.717 420.263Z"
|
|
64
|
+
fill="${subColor}"
|
|
65
|
+
/>
|
|
66
|
+
<path
|
|
67
|
+
d="M175.799 439.905C175.799 455.311 167.061 459.192 156.282 459.192C145.503 459.192 136.766 452.539 136.766 439.905C136.766 425.371 156.282 404.302 156.282 404.302C156.282 404.302 175.799 425.371 175.799 439.905Z"
|
|
68
|
+
fill="${subColor}"
|
|
69
|
+
/>
|
|
70
|
+
<path
|
|
71
|
+
d="M311.06 467.351C311.06 482.757 302.322 486.638 291.544 486.638C280.765 486.638 272.027 479.985 272.027 467.351C272.027 452.817 291.544 431.748 291.544 431.748C291.544 431.748 311.06 452.817 311.06 467.351Z"
|
|
72
|
+
fill="${subColor}"
|
|
73
|
+
/>
|
|
74
|
+
<path
|
|
75
|
+
d="M368.894 440.725C368.894 457.671 359.064 461.941 346.938 461.941C334.812 461.941 324.982 454.622 324.982 440.725C324.982 424.737 346.938 401.562 346.938 401.562C346.938 401.562 368.894 424.737 368.894 440.725Z"
|
|
76
|
+
fill="${mainColor}"
|
|
77
|
+
/>
|
|
78
|
+
<path
|
|
79
|
+
d="M420.401 394.96C420.401 402.629 416.146 404.561 410.897 404.561C405.648 404.561 401.393 401.249 401.393 394.96C401.393 387.725 410.897 377.237 410.897 377.237C410.897 377.237 420.401 387.725 420.401 394.96Z"
|
|
80
|
+
fill="${mainColor}"
|
|
56
81
|
/>
|
|
57
82
|
</g>
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
<stop stop-color="white" />
|
|
68
|
-
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
69
|
-
</linearGradient>
|
|
70
|
-
</defs>
|
|
83
|
+
<path
|
|
84
|
+
d="M23 244C23 121.952 121.952 23 244 23H465V244C465 366.048 366.048 465 244 465C121.952 465 23 366.048 23 244Z"
|
|
85
|
+
stroke="${mainColor}"
|
|
86
|
+
strokeWidth="2"
|
|
87
|
+
/>
|
|
88
|
+
<path
|
|
89
|
+
d="M244 471C118.638 471 51.249 381.296 26.7227 314H460.311C443.193 374.213 369.361 471 244 471Z"
|
|
90
|
+
fill="url(#paint0_linear_2384_132)"
|
|
91
|
+
/>
|
|
71
92
|
</svg>
|
|
72
93
|
`;
|
|
73
94
|
}
|