sales-frontend-utils 0.0.22 → 0.0.23

package/dist/index.d.cts

@@ -226,13 +226,15 @@ interface ConvertTextToImgParams {
     fontColor?: string;
     /** 폰트 두께 (지정하지 않으면 기본값 bold) */
     fontWeight?: string;
+    /** 폰트 패밀리 (지정하지 않으면 기본값 ) */
+    fontFamily?: string;
 }
 /**
  * 텍스트를 이미지(Base64)로 변환하는 함수
  * @param params - 변환에 필요한 파라미터 객체
  * @returns Base64로 인코딩된 이미지 데이터 URL
  */
-declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight }: ConvertTextToImgParams) => string;
+declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight, fontFamily }: ConvertTextToImgParams) => string;
 declare function drawImageResizeCentered(base64: string, size: {
     canvasWidth: number;
     canvasHeight: number;

package/dist/index.d.ts

@@ -226,13 +226,15 @@ interface ConvertTextToImgParams {
     fontColor?: string;
     /** 폰트 두께 (지정하지 않으면 기본값 bold) */
     fontWeight?: string;
+    /** 폰트 패밀리 (지정하지 않으면 기본값 ) */
+    fontFamily?: string;
 }
 /**
  * 텍스트를 이미지(Base64)로 변환하는 함수
  * @param params - 변환에 필요한 파라미터 객체
  * @returns Base64로 인코딩된 이미지 데이터 URL
  */
-declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight }: ConvertTextToImgParams) => string;
+declare const convertTextToImg: ({ targetStr, canvasWidth, canvasHeight, backgroundColor, fontColor, fontSize, fontWeight, fontFamily }: ConvertTextToImgParams) => string;
 declare function drawImageResizeCentered(base64: string, size: {
     canvasWidth: number;
     canvasHeight: number;

package/dist/index.js

@@ -449,7 +449,8 @@ var convertTextToImg = ({
   backgroundColor,
   fontColor,
   fontSize,
-  fontWeight
+  fontWeight,
+  fontFamily = `'Malgun Gothic', '\uB9D1\uC740 \uACE0\uB515', 'sans-serif', 'Arial'`
 }) => {
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
@@ -465,8 +466,9 @@ var convertTextToImg = ({
     ctx.fillRect(0, 0, canvas.width, canvas.height);
   }
   ctx.fillStyle = fontColor ?? "black";
-  ctx.font = `${fontSize ?? 75}px ${fontWeight ?? "bold"}`;
   ctx.textAlign = "center";
+  ctx.font = `${fontWeight ?? "bold"} ${fontSize ?? 75}px ${fontFamily}`;
+  console.log("font", `${fontWeight ?? "bold"} ${fontSize ?? 75}px ${fontFamily}`);
   ctx.textBaseline = "middle";
   ctx.fillText(targetStr, canvas.width / 2, canvas.height / 2);
   return canvas.toDataURL();