zmdms-utils 0.0.35 → 0.0.37

package/dist/es/_virtual/_tslib.js

@@ -72,6 +72,16 @@ function __generator(thisArg, body) {
         } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-export { __assign, __awaiter, __generator, __rest };
+export { __assign, __awaiter, __generator, __rest, __spreadArray };

package/dist/es/canvas.d.ts

@@ -0,0 +1,6 @@
+/**
+ * dom 转 canvas
+ */
+declare function domToCanvas(dom: HTMLElement): Promise<HTMLCanvasElement>;
+
+export { domToCanvas };

package/dist/es/canvas.js

@@ -0,0 +1,14 @@
+import html2canvas from 'html2canvas';
+
+/**
+ * dom 转 canvas
+ */
+function domToCanvas(dom) {
+    return html2canvas(dom, {
+        useCORS: true,
+        allowTaint: true,
+        scale: 2, // 用于渲染的比例。默认为浏览器设备像素比 如果dom区域较大，下载会出现部分灰色区域，需要加scale解决
+    });
+}
+
+export { domToCanvas };

package/dist/es/pdf.d.ts

@@ -0,0 +1,42 @@
+import { RGBAData } from 'jspdf';
+import { IWaterResult } from './water.js';
+
+/**
+ * 图片 转 pdf
+ */
+declare function imgToPdf(config: IImgToPdfConfig): Promise<unknown>;
+interface IImgToPdfConfig {
+    /** 图片 base64字符串 */
+    image: string | HTMLImageElement | HTMLCanvasElement | Uint8Array | RGBAData;
+    width: number;
+    height: number;
+    /** 是否直接下载pdf */
+    isDownload?: boolean;
+    /** 生成的pdf左边距 */
+    leftPadding?: number;
+    /** 导出pdf单位 */
+    unit?: "pt" | "mm";
+    /**
+     * 横向 还是 纵向
+     * l: 横向  p：纵向
+     */
+    orientation?: "p" | "l";
+    /**
+     * pdf格式 a4 ..
+     */
+    format?: string | [width: number, height: number];
+    /**
+     * 生成的pdf是否压缩
+     */
+    compress?: boolean;
+    /**
+     * 生成pdf的名称
+     */
+    pdfName?: string;
+    /**
+     * 水印相关信息
+     */
+    waterConfig?: IWaterResult;
+}
+
+export { imgToPdf };

package/dist/es/pdf.js

@@ -0,0 +1,101 @@
+import { jsPDF } from 'jspdf';
+
+/**
+ * 图片 转 pdf
+ */
+function imgToPdf(config) {
+    return new Promise(function (resolve, reject) {
+        var _a;
+        try {
+            var image = config.image, width = config.width, height = config.height, _b = config.leftPadding, leftPadding = _b === void 0 ? 20 : _b, _c = config.compress, compress = _c === void 0 ? true : _c, _d = config.orientation, orientation_1 = _d === void 0 ? "p" : _d, _e = config.format, format = _e === void 0 ? "a4" : _e, pdfName = config.pdfName, waterConfig = config.waterConfig, isDownload = config.isDownload;
+            // 单位转换
+            var _f = parsePdfFormat(format), pdfWidth = _f[0], pdfHeight = _f[1];
+            // 如果是横向的话，需要转换下宽高的位置
+            if (orientation_1 === "l") {
+                _a = [pdfHeight, pdfWidth], pdfWidth = _a[0], pdfHeight = _a[1];
+            }
+            var unit = config.unit || "pt";
+            // 缩放图片 以适应PDF页面宽度
+            var canvasWidth = width; // 图片原始宽度
+            var canvasHeight = height; // 图片原始高度
+            // 创建一个新的jsPDF实例
+            var pdf = new jsPDF({
+                // 方向 l：横向  p：纵向
+                orientation: orientation_1,
+                // 单位
+                unit: unit,
+                format: [pdfWidth, pdfHeight],
+                compress: compress,
+            });
+            // 一页pdf能显示的canvas高度
+            var pageHeight = (canvasWidth / pdfWidth) * pdfHeight;
+            // 将绘制图片的宽度 设置 成pdf的宽度 （减去偏移）
+            var imgWidth = pdfWidth - leftPadding;
+            // 等比例换算绘制图片高度
+            var imgHeight = (imgWidth / canvasWidth) * canvasHeight;
+            // 需要打印的图片总高度，初始状态和图片高度相等
+            var totalHeight = canvasHeight;
+            if (totalHeight < pageHeight) {
+                pdf.addImage(image, "JPEG", leftPadding, 0, imgWidth, imgHeight);
+                // 添加水印
+                if (waterConfig) {
+                    addImageWater(pdf, waterConfig.image, {
+                        width: waterConfig.width,
+                        height: waterConfig.height,
+                    });
+                }
+            }
+            else {
+                var position = 0;
+                while (totalHeight > 0) {
+                    pdf.addImage(image, "JPEG", leftPadding, position, imgWidth, imgHeight);
+                    // 添加水印
+                    if (waterConfig) {
+                        addImageWater(pdf, waterConfig.image, {
+                            width: waterConfig.width,
+                            height: waterConfig.height,
+                        });
+                    }
+                    totalHeight -= pageHeight;
+                    //避免添加空白页
+                    position -= pdfHeight;
+                    if (totalHeight > 0) {
+                        pdf.addPage();
+                    }
+                }
+            }
+            if (isDownload) {
+                pdf.save("".concat(pdfName, ".pdf"));
+            }
+            resolve(pdf);
+        }
+        catch (err) {
+            reject(err);
+        }
+    });
+}
+function parsePdfFormat(format) {
+    if (format === "a4") {
+        return [595.28, 841.89];
+    }
+    if (Array.isArray(format)) {
+        return format;
+    }
+    // 默认返回a4的数值
+    return [595.28, 841.89];
+}
+/**
+ * 给PDF添加图片水印
+ */
+function addImageWater(pdf, imgData, options) {
+    var width = (options === null || options === void 0 ? void 0 : options.width) || 200;
+    var height = (options === null || options === void 0 ? void 0 : options.height) || 80;
+    var x = (options === null || options === void 0 ? void 0 : options.x) || 40;
+    var y = (options === null || options === void 0 ? void 0 : options.y) || 140;
+    for (var i = 0; i < 4; i++) {
+        pdf.addImage(imgData, "PNG", x, y * i, width, height, "1-".concat(i));
+        pdf.addImage(imgData, "PNG", x + x + width, y * i, width, height, "2-".concat(i));
+    }
+}
+
+export { addImageWater, imgToPdf };

package/dist/es/print.d.ts

@@ -0,0 +1,23 @@
+import printJS from 'print-js';
+
+/**
+ * 打印页面 直接调用window.print方法打印
+ */
+declare function windowPrint(config?: IWindowPrint): void;
+interface IWindowPrint {
+    hiddenClassNames?: string[];
+}
+/**
+ * 打印页面dom 通过库来打印
+ */
+declare function htmlPrint(config: printJS.Configuration): void;
+/**
+ * 打印图片
+ */
+declare function imgPrint(config: printJS.Configuration): void;
+/**
+ * 打印pdf
+ */
+declare function pdfPrint(config: printJS.Configuration): void;
+
+export { IWindowPrint, htmlPrint, imgPrint, pdfPrint, windowPrint };

package/dist/es/print.js

@@ -0,0 +1,43 @@
+import { __spreadArray, __assign } from './_virtual/_tslib.js';
+import printJS from 'print-js';
+
+/**
+ * 打印页面 直接调用window.print方法打印
+ */
+function windowPrint(config) {
+    if (config === null || config === void 0 ? void 0 : config.hiddenClassNames) {
+        var hiddenClassNames = config.hiddenClassNames;
+        var printStyleDom = document.getElementById("print--window__00100");
+        if (printStyleDom) {
+            printStyleDom.remove();
+        }
+        var styleDom = document.createElement("style");
+        styleDom.setAttribute("type", "text/css");
+        styleDom.setAttribute("id", "print--window__00100");
+        styleDom.innerHTML = "@media print{ ".concat(__spreadArray(__spreadArray([], (hiddenClassNames || []), true), [
+            ".non-printable",
+        ], false).join(","), " { display: none; } }");
+        document.head.appendChild(styleDom);
+    }
+    window.print();
+}
+/**
+ * 打印页面dom 通过库来打印
+ */
+function htmlPrint(config) {
+    printJS(__assign({ type: "html" }, config));
+}
+/**
+ * 打印图片
+ */
+function imgPrint(config) {
+    printJS(__assign({ type: "image" }, config));
+}
+/**
+ * 打印pdf
+ */
+function pdfPrint(config) {
+    printJS(__assign({ type: "pdf" }, config));
+}
+
+export { htmlPrint, imgPrint, pdfPrint, windowPrint };

package/dist/es/water.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 创建水印
+ */
+declare function createWater(config: IWaterConfig): {
+    imgBase64: string;
+    canvasWidth: number;
+    canvasHeight: number;
+};
+/**
+ * 默认配置
+ */
+declare function mergeWaterConfig(waterConfig?: IWaterConfig): {
+    width: number;
+    height: number;
+    rotate: number;
+    zIndex: number;
+    content: string | string[];
+    font: {
+        color: string | CanvasGradient | CanvasPattern;
+        fontSize: number;
+        fontWeight: number | "normal" | "light" | "weight";
+        fontStyle: "none" | "normal" | "italic" | "oblique";
+        fontFamily: string;
+        textAlign: CanvasTextAlign;
+    };
+    image: string | undefined;
+};
+interface IWaterConfig {
+    width?: number;
+    height?: number;
+    rotate?: number;
+    zIndex?: number;
+    image?: string;
+    content?: string | string[];
+    font?: {
+        color?: CanvasFillStrokeStyles["fillStyle"];
+        fontSize?: number;
+        fontWeight?: "normal" | "light" | "weight" | number;
+        fontStyle?: "none" | "normal" | "italic" | "oblique";
+        fontFamily?: string;
+        textAlign?: CanvasTextAlign;
+    };
+}
+interface IWaterResult {
+    image: string;
+    width: number;
+    height: number;
+}
+
+export { IWaterConfig, IWaterResult, createWater, mergeWaterConfig };

package/dist/es/water.js

@@ -0,0 +1,66 @@
+/**
+ * 创建水印
+ */
+function createWater(config) {
+    var _a = mergeWaterConfig(config), width = _a.width, height = _a.height, rotate = _a.rotate, content = _a.content, font = _a.font;
+    // 创建canvas元素
+    var canvas = document.createElement("canvas");
+    canvas.width = width * 2;
+    canvas.height = height * 2;
+    var ctx = canvas.getContext("2d");
+    if (ctx) {
+        // 设置字体样式
+        ctx.font = "".concat(font.fontStyle, " ").concat(font.fontWeight, " ").concat(font.fontSize, "px ").concat(font.fontFamily);
+        ctx.fillStyle = font.color;
+        ctx.textAlign = font.textAlign;
+        // 绘制水印文本的函数
+        var drawText = function (textLines, x, y) {
+            ctx.save();
+            ctx.translate(x, y);
+            ctx.rotate((Math.PI / 180) * rotate);
+            if (Array.isArray(textLines)) {
+                // 多行文本
+                textLines.forEach(function (line, index) {
+                    ctx.fillText(line, 0, index * font.fontSize);
+                });
+            }
+            else {
+                // 单行文本
+                ctx.fillText(textLines, 0, 0);
+            }
+            ctx.restore();
+        };
+        // 绘制两个重叠的水印文本
+        drawText(content, width / 2, height / 2); // 中心对齐第一个文本
+        drawText(content, (width * 3) / 2, (height * 3) / 2); // 中心对齐第二个文本
+    }
+    return {
+        imgBase64: canvas.toDataURL("image/png"),
+        canvasWidth: canvas.width,
+        canvasHeight: canvas.height,
+    };
+}
+/**
+ * 默认配置
+ */
+function mergeWaterConfig(waterConfig) {
+    var _a, _b, _c, _d, _e, _f;
+    return {
+        width: (waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.width) || 200,
+        height: (waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.height) || 60,
+        rotate: (waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.rotate) || -22,
+        zIndex: (waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.zIndex) || 10,
+        content: (waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.content) || "交投集团",
+        font: {
+            color: ((_a = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _a === void 0 ? void 0 : _a.color) || "rgba(0, 0, 0, 0.1)",
+            fontSize: ((_b = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _b === void 0 ? void 0 : _b.fontSize) || 18,
+            fontWeight: ((_c = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _c === void 0 ? void 0 : _c.fontWeight) || "normal",
+            fontStyle: ((_d = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _d === void 0 ? void 0 : _d.fontStyle) || "normal",
+            fontFamily: ((_e = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _e === void 0 ? void 0 : _e.fontFamily) || "微软雅黑",
+            textAlign: ((_f = waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.font) === null || _f === void 0 ? void 0 : _f.textAlign) || "center",
+        },
+        image: waterConfig === null || waterConfig === void 0 ? void 0 : waterConfig.image,
+    };
+}
+
+export { createWater, mergeWaterConfig };

package/dist/index.d.ts

@@ -13,3 +13,7 @@ export { batchDownloadFiles, createDeleteFileLink, createDownloadLink, createOri
 export { calculateAge, parseTime } from './es/parseTime.js';
 export { BASIC_KEY, EMITTER_CCP_KEY, EMITTER_PCC_KEY, EMITTER_TYPE, TOKEN_KEY } from './es/constants.js';
 export { convert, html, match, pinyin } from 'pinyin-pro';
+export { domToCanvas } from './es/canvas.js';
+export { imgToPdf } from './es/pdf.js';
+export { htmlPrint, imgPrint, pdfPrint, windowPrint } from './es/print.js';
+export { createWater, mergeWaterConfig } from './es/water.js';

package/dist/index.js

@@ -13,3 +13,7 @@ export { batchDownloadFiles, createDeleteFileLink, createDownloadLink, createOri
 export { calculateAge, parseTime } from './es/parseTime.js';
 export { BASIC_KEY, EMITTER_CCP_KEY, EMITTER_PCC_KEY, EMITTER_TYPE, TOKEN_KEY } from './es/constants.js';
 export { convert, html, match, pinyin } from './es/node_modules/pinyin-pro/dist/index.js';
+export { domToCanvas } from './es/canvas.js';
+export { imgToPdf } from './es/pdf.js';
+export { htmlPrint, imgPrint, pdfPrint, windowPrint } from './es/print.js';
+export { createWater, mergeWaterConfig } from './es/water.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-utils",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -16,7 +16,10 @@
     "axios": "^1.4.0",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.7",
-    "qiankun": "^2.10.8"
+    "qiankun": "^2.10.8",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^2.5.1",
+    "print-js": "^1.6.0"
   },
   "dependencies": {
     "decimal.js": "^10.4.3",
@@ -31,6 +34,9 @@
     "axios": "^1.4.0",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.10",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^2.5.1",
+    "print-js": "^1.6.0",
     "qiankun": "^2.10.8",
     "rimraf": "^4.4.1",
     "rollup": "^3.20.2",

package/src/canvas.ts

@@ -0,0 +1,12 @@
+import html2canvas from "html2canvas";
+
+/**
+ * dom 转 canvas
+ */
+export function domToCanvas(dom: HTMLElement) {
+  return html2canvas(dom, {
+    useCORS: true, // 是否尝试使用 CORS 从服务器加载映像 由于打印时，会访问dom上的一些图片等资源，解决跨域问题
+    allowTaint: true, // 是否允许跨域图像污染画布 允许跨域
+    scale: 2, // 用于渲染的比例。默认为浏览器设备像素比 如果dom区域较大，下载会出现部分灰色区域，需要加scale解决
+  });
+}

package/src/index.ts

@@ -62,3 +62,15 @@ export {
  * 中文处理
  */
 export { pinyin, match, convert, html } from "./pinyin";
+
+// canvas相关
+export { domToCanvas } from "./canvas";
+
+// pdf 相关
+export { imgToPdf } from "./pdf";
+
+// 打印相关
+export { windowPrint, htmlPrint, imgPrint, pdfPrint } from "./print";
+
+// 水印相关
+export { createWater, mergeWaterConfig } from "./water";

package/src/pdf.ts

@@ -0,0 +1,157 @@
+import { RGBAData, jsPDF } from "jspdf";
+import { IWaterResult } from "./water";
+
+/**
+ * 图片 转 pdf
+ */
+export function imgToPdf(config: IImgToPdfConfig) {
+  return new Promise((resolve, reject) => {
+    try {
+      const {
+        image,
+        width,
+        height,
+        leftPadding = 20,
+        compress = true,
+        orientation = "p",
+        format = "a4",
+        pdfName,
+        waterConfig,
+        isDownload,
+      } = config;
+
+      // 单位转换
+      let [pdfWidth, pdfHeight] = parsePdfFormat(format);
+      // 如果是横向的话，需要转换下宽高的位置
+      if (orientation === "l") {
+        [pdfWidth, pdfHeight] = [pdfHeight, pdfWidth];
+      }
+      const unit = config.unit || "pt";
+
+      // 缩放图片 以适应PDF页面宽度
+      const canvasWidth = width; // 图片原始宽度
+      const canvasHeight = height; // 图片原始高度
+
+      // 创建一个新的jsPDF实例
+      const pdf = new jsPDF({
+        // 方向 l：横向  p：纵向
+        orientation,
+        // 单位
+        unit,
+        format: [pdfWidth, pdfHeight],
+        compress,
+      });
+      // 一页pdf能显示的canvas高度
+      let pageHeight = (canvasWidth / pdfWidth) * pdfHeight;
+      // 将绘制图片的宽度 设置 成pdf的宽度 （减去偏移）
+      let imgWidth = pdfWidth - leftPadding;
+      // 等比例换算绘制图片高度
+      let imgHeight = (imgWidth / canvasWidth) * canvasHeight;
+      // 需要打印的图片总高度，初始状态和图片高度相等
+      let totalHeight = canvasHeight;
+      if (totalHeight < pageHeight) {
+        pdf.addImage(image, "JPEG", leftPadding, 0, imgWidth, imgHeight);
+        // 添加水印
+        if (waterConfig) {
+          addImageWater(pdf, waterConfig.image, {
+            width: waterConfig.width,
+            height: waterConfig.height,
+          });
+        }
+      } else {
+        let position = 0;
+        while (totalHeight > 0) {
+          pdf.addImage(
+            image,
+            "JPEG",
+            leftPadding,
+            position,
+            imgWidth,
+            imgHeight
+          );
+          // 添加水印
+          if (waterConfig) {
+            addImageWater(pdf, waterConfig.image, {
+              width: waterConfig.width,
+              height: waterConfig.height,
+            });
+          }
+          totalHeight -= pageHeight;
+          //避免添加空白页
+          position -= pdfHeight;
+          if (totalHeight > 0) {
+            pdf.addPage();
+          }
+        }
+      }
+      if (isDownload) {
+        pdf.save(`${pdfName}.pdf`);
+      }
+      resolve(pdf);
+    } catch (err) {
+      reject(err);
+    }
+  });
+}
+function parsePdfFormat(format: IImgToPdfConfig["format"]) {
+  if (format === "a4") {
+    return [595.28, 841.89];
+  }
+  if (Array.isArray(format)) {
+    return format;
+  }
+  // 默认返回a4的数值
+  return [595.28, 841.89];
+}
+
+/**
+ * 给PDF添加图片水印
+ */
+export function addImageWater(
+  pdf: any,
+  imgData: any,
+  options?: { width?: number; height?: number; x?: number; y?: number }
+) {
+  const width = options?.width || 200;
+  const height = options?.height || 80;
+  const x = options?.x || 40;
+  const y = options?.y || 140;
+  for (let i = 0; i < 4; i++) {
+    pdf.addImage(imgData, "PNG", x, y * i, width, height, `1-${i}`);
+    pdf.addImage(imgData, "PNG", x + x + width, y * i, width, height, `2-${i}`);
+  }
+}
+
+interface IImgToPdfConfig {
+  /** 图片 base64字符串 */
+  image: string | HTMLImageElement | HTMLCanvasElement | Uint8Array | RGBAData;
+  width: number;
+  height: number;
+  /** 是否直接下载pdf */
+  isDownload?: boolean;
+  /** 生成的pdf左边距 */
+  leftPadding?: number;
+  /** 导出pdf单位 */
+  unit?: "pt" | "mm";
+  /**
+   * 横向 还是 纵向
+   * l: 横向  p：纵向
+   */
+  orientation?: "p" | "l";
+  /**
+   * pdf格式 a4 ..
+   */
+  format?: string | [width: number, height: number];
+  /**
+   * 生成的pdf是否压缩
+   */
+  compress?: boolean;
+  /**
+   * 生成pdf的名称
+   */
+  pdfName?: string;
+  /**
+   * 水印相关信息
+   */
+  waterConfig?: IWaterResult;
+}

package/src/print.ts

@@ -0,0 +1,57 @@
+// 打印相关方法
+import printJS from "print-js";
+
+/**
+ * 打印页面 直接调用window.print方法打印
+ */
+export function windowPrint(config?: IWindowPrint) {
+  if (config?.hiddenClassNames) {
+    const { hiddenClassNames } = config;
+    const printStyleDom = document.getElementById("print--window__00100");
+    if (printStyleDom) {
+      printStyleDom.remove();
+    }
+    const styleDom = document.createElement("style");
+    styleDom.setAttribute("type", "text/css");
+    styleDom.setAttribute("id", "print--window__00100");
+    styleDom.innerHTML = `@media print{ ${[
+      ...(hiddenClassNames || []),
+      ".non-printable",
+    ].join(",")} { display: none; } }`;
+    document.head.appendChild(styleDom);
+  }
+  window.print();
+}
+export interface IWindowPrint {
+  hiddenClassNames?: string[];
+}
+
+/**
+ * 打印页面dom 通过库来打印
+ */
+export function htmlPrint(config: printJS.Configuration) {
+  printJS({
+    type: "html",
+    ...config,
+  });
+}
+
+/**
+ * 打印图片
+ */
+export function imgPrint(config: printJS.Configuration) {
+  printJS({
+    type: "image",
+    ...config,
+  });
+}
+
+/**
+ * 打印pdf
+ */
+export function pdfPrint(config: printJS.Configuration) {
+  printJS({
+    type: "pdf",
+    ...config,
+  });
+}

package/src/water.ts

@@ -0,0 +1,101 @@
+/**
+ * 创建水印
+ */
+export function createWater(config: IWaterConfig) {
+  const { width, height, rotate, content, font } = mergeWaterConfig(config);
+
+  // 创建canvas元素
+  const canvas = document.createElement("canvas");
+  canvas.width = width * 2;
+  canvas.height = height * 2;
+  const ctx = canvas.getContext("2d");
+  if (ctx) {
+    // 设置字体样式
+    ctx.font = `${font.fontStyle} ${font.fontWeight} ${font.fontSize}px ${font.fontFamily}`;
+    ctx.fillStyle = font.color;
+    ctx.textAlign = font.textAlign;
+
+    // 绘制水印文本的函数
+    const drawText = (textLines: string | string[], x: number, y: number) => {
+      ctx.save();
+      ctx.translate(x, y);
+      ctx.rotate((Math.PI / 180) * rotate);
+
+      if (Array.isArray(textLines)) {
+        // 多行文本
+        textLines.forEach((line, index) => {
+          ctx.fillText(line, 0, index * font.fontSize);
+        });
+      } else {
+        // 单行文本
+        ctx.fillText(textLines, 0, 0);
+      }
+
+      ctx.restore();
+    };
+
+    // 绘制两个重叠的水印文本
+    drawText(content, width / 2, height / 2); // 中心对齐第一个文本
+    drawText(content, (width * 3) / 2, (height * 3) / 2); // 中心对齐第二个文本
+  }
+
+  return {
+    imgBase64: canvas.toDataURL("image/png"),
+    canvasWidth: canvas.width,
+    canvasHeight: canvas.height,
+  };
+}
+
+/**
+ * 默认配置
+ */
+export function mergeWaterConfig(waterConfig?: IWaterConfig) {
+  return {
+    width: waterConfig?.width || 200,
+    height: waterConfig?.height || 60,
+    rotate: waterConfig?.rotate || -22,
+    zIndex: waterConfig?.zIndex || 10,
+    content: waterConfig?.content || "交投集团",
+    font: {
+      color: waterConfig?.font?.color || "rgba(0, 0, 0, 0.1)",
+      fontSize: waterConfig?.font?.fontSize || 18,
+      fontWeight: waterConfig?.font?.fontWeight || "normal",
+      fontStyle: waterConfig?.font?.fontStyle || "normal",
+      fontFamily: waterConfig?.font?.fontFamily || "微软雅黑",
+      textAlign: waterConfig?.font?.textAlign || "center",
+    },
+    image: waterConfig?.image,
+  };
+}
+
+// 生成水印相关配置
+export interface IWaterConfig {
+  // 水印宽度 120
+  width?: number;
+  // 水印高度 64
+  height?: number;
+  // 旋转角度 -22
+  rotate?: number;
+  // 层级 10
+  zIndex?: number;
+  // 图片源
+  image?: string;
+  // 文本水印内容
+  content?: string | string[];
+  // 水印字体大小
+  font?: {
+    color?: CanvasFillStrokeStyles["fillStyle"];
+    fontSize?: number;
+    fontWeight?: "normal" | "light" | "weight" | number;
+    fontStyle?: "none" | "normal" | "italic" | "oblique";
+    fontFamily?: string;
+    textAlign?: CanvasTextAlign;
+  };
+}
+
+// 水印相关信息
+export interface IWaterResult {
+  image: string;
+  width: number;
+  height: number;
+}