@blockspoon/cert-badge-renderer 1.0.26 → 1.0.27

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.
@@ -87,6 +87,7 @@ export interface ElementStyle {
87
87
  extraColor2?: string;
88
88
  isVertical?: boolean;
89
89
  lineWidth?: number;
90
+ opacity?: number;
90
91
  }
91
92
  export interface IAchievementDesignItem {
92
93
  id: number;
@@ -140,6 +140,7 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
@@ -140,6 +140,7 @@ async function generateDesignHTML(data, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
@@ -87,6 +87,7 @@ export interface ElementStyle {
87
87
  extraColor2?: string;
88
88
  isVertical?: boolean;
89
89
  lineWidth?: number;
90
+ opacity?: number;
90
91
  }
91
92
  export interface IAchievementDesignItem {
92
93
  id: number;
@@ -140,6 +140,7 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
@@ -140,6 +140,7 @@ async function generateDesignHTML(data, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockspoon/cert-badge-renderer",
3
- "version": "1.0.26",
3
+ "version": "1.0.27",
4
4
  "description": "Render certificate and badge designs from Kolleges achievement data into HTML, PNG, or Base64.",
5
5
  "main": "./dist/esm/index.js",
6
6
  "exports": {
@@ -96,6 +96,7 @@ export interface ElementStyle {
96
96
  extraColor2?: string;
97
97
  isVertical?: boolean;
98
98
  lineWidth?: number;
99
+ opacity?: number;
99
100
  }
100
101
 
101
102
  export interface IAchievementDesignItem {
@@ -19,7 +19,7 @@ export async function generateAchievementHTML(
19
19
  options: CertificateOptions = {}
20
20
  ): Promise<string> {
21
21
  const { type = "certificate", size = 600, noSpace = false } = options;
22
-
22
+
23
23
  let achievementForm;
24
24
 
25
25
  if (achievementInfo.achievementForm) {
@@ -28,7 +28,6 @@ export async function generateAchievementHTML(
28
28
  achievementForm = achievementInfo;
29
29
  }
30
30
 
31
-
32
31
  // type에 따라 적절한 layout_json 선택
33
32
  const elements =
34
33
  type === "badge"
@@ -140,7 +139,11 @@ export async function generateAchievementHTML(
140
139
 
141
140
  let bindingValue: any = null;
142
141
  if (element.designType === CERTIFICATE_DESIGN_TYPE.PROPS) {
143
- bindingValue = getBindingValue(element.type, element.bindingKey, achievementInfo);
142
+ bindingValue = getBindingValue(
143
+ element.type,
144
+ element.bindingKey,
145
+ achievementInfo
146
+ );
144
147
 
145
148
  if (element.controlType === "text") {
146
149
  element.text = bindingValue;
@@ -187,6 +190,7 @@ export async function generateAchievementHTML(
187
190
  padding-right: "0";
188
191
  word-break: break-word;
189
192
  white-space: pre-wrap;
193
+ opacity: ${element.opacity || 1};
190
194
  `;
191
195
 
192
196
  if (element.controlType === "svg") {
@@ -176,6 +176,7 @@ export async function generateDesignHTML(
176
176
  padding-right: "0";
177
177
  word-break: break-word;
178
178
  white-space: pre-wrap;
179
+ opacity: ${element.opacity || 1};
179
180
  `;
180
181
 
181
182
  if (element.controlType === "svg") {