watermark-js-plus 0.7.0 → 0.8.0

package/dist/docs/components/config.d.ts

@@ -0,0 +1,70 @@
+export declare const defaultConfig: {
+    width: number;
+    height: number;
+    rotate: number;
+    contentType: string;
+    content: string;
+    globalAlpha: number;
+    zIndex: number;
+    mutationObserve: boolean;
+    unique: boolean;
+    auxiliaryLine: boolean;
+    mode: string;
+    parent: string;
+    backgroundPosition: string;
+    backgroundRepeat: string;
+    translatePlacement: string;
+    translateX: undefined;
+    translateY: undefined;
+    textType: string;
+    textRowMaxWidth: undefined;
+    lineHeight: number;
+    fontSize: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontVariant: string;
+    fontColor: string;
+    fontWeight: string;
+    textAlign: undefined;
+    textBaseline: undefined;
+    filter: string;
+    richTextWidth: undefined;
+    richTextHeight: undefined;
+    image: string;
+    imageWidth: undefined;
+    imageHeight: undefined;
+    shadowStyle: {
+        shadowBlur: number;
+        shadowColor: string;
+        shadowOffsetX: number;
+        shadowOffsetY: number;
+    };
+    advancedStyle: {
+        type: string;
+        params: {
+            linear: {};
+            radial: {};
+            conic: {};
+            pattern: {
+                image: string;
+                repetition: string;
+            };
+        };
+        colorStops: {
+            offset: number;
+            color: string;
+        }[];
+    };
+    extraDrawFunc: string;
+    onSuccess: string;
+    onBeforeDestroy: string;
+    onDestroyed: string;
+};
+export declare const basicOptionKeys: string[];
+export declare const positionOptionKeys: string[];
+export declare const richTextOptionKeys: string[];
+export declare const imageOptionKeys: string[];
+export declare const styleOptionKeys: string[];
+export declare const shadowOptionKeys: string[];
+export declare const advancedStyleOptionKeys: string[];
+export declare const extraOptionKeys: string[];

package/dist/{core → src/core}/watermark.d.ts

@@ -1,44 +1,46 @@
-import { WatermarkOptions } from '../types';
+import { ChangeOptionsMode, WatermarkOptions } from '../types';
 /**
  * Watermark class
  */
 export default class Watermark {
-    private readonly options;
+    private options;
     private parentElement;
     private observer?;
     private parentObserve?;
     private watermarkDom?;
     private props?;
+    private canvas;
+    private recommendOptions;
     /**
      * Watermark constructor
-     * @param props - watermark options
+     * @param args - watermark args
      */
-    constructor(props?: Partial<WatermarkOptions>);
+    constructor(args?: Partial<WatermarkOptions>);
     /**
      * Create an HD canvas.
      * @param width - width of canvas
      * @param height - height of canvas
      */
     static createCanvas(width: number, height: number): HTMLCanvasElement;
-    changeOptions(props?: Partial<WatermarkOptions>): void;
-    changeParentElement(parent: Element | string): void;
+    changeOptions(args?: Partial<WatermarkOptions>, mode?: ChangeOptionsMode): void;
     /**
      * Creating a watermark.
      */
     create(): Promise<void>;
     /**
-     * Deleting this watermark.
+     * Delete this watermark.
      */
     destroy(): void;
-    private initializeOptions;
+    private initConfigData;
+    private changeParentElement;
     private validateUnique;
     private validateContent;
     private draw;
     private setStyle;
-    createLinearGradient(ctx: CanvasRenderingContext2D): CanvasGradient;
-    createConicGradient(ctx: CanvasRenderingContext2D): CanvasGradient;
-    createRadialGradient(ctx: CanvasRenderingContext2D): CanvasGradient;
-    createPattern(ctx: CanvasRenderingContext2D): CanvasPattern | null;
+    private createLinearGradient;
+    private createConicGradient;
+    private createRadialGradient;
+    private createPattern;
     private setText;
     private drawText;
     private drawImage;
@@ -48,4 +50,5 @@ export default class Watermark {
     private getDrawImagePosition;
     private checkParentElementType;
     private bindMutationObserve;
+    private clearCanvas;
 }

package/dist/{types → src/types}/index.d.ts

@@ -5,6 +5,7 @@ export type CreateWatermarkModeType = 'default' | 'blind';
 export type DecodeBlindWatermarkModeType = 'canvas' | 'html' | 'svg';
 export type TranslatePlacementType = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right' | 'middle';
 export type TextType = 'fill' | 'stroke';
+export type ChangeOptionsMode = 'overwrite' | 'append';
 export interface WatermarkDom extends HTMLDivElement {
     __WATERMARK__?: string;
     __WATERMARK__INSTANCE__?: any;
@@ -13,22 +14,22 @@ export interface WatermarkOptions {
     width: number;
     height: number;
     rotate: number;
+    auxiliaryLine: boolean;
+    globalAlpha: number;
+    zIndex: number;
+    mutationObserve: boolean;
+    unique: boolean;
+    mode: CreateWatermarkModeType;
+    parent: Element | string;
+    backgroundPosition: string;
+    backgroundRepeat: string;
     translatePlacement: TranslatePlacementType;
     translateX?: number;
     translateY?: number;
     contentType: ContentTypeType;
     content: string;
     textType: TextType;
-    textRowMaxWidth?: number;
-    image?: string;
-    imageWidth: number;
-    imageHeight: number;
-    richTextWidth?: number;
-    richTextHeight?: number;
     lineHeight: number;
-    zIndex: number;
-    backgroundPosition: string;
-    backgroundRepeat: string;
     fontSize: string;
     fontFamily: string;
     fontStyle: string;
@@ -38,14 +39,15 @@ export interface WatermarkOptions {
     textAlign?: TextAlignType;
     textBaseline?: TextBaselineType;
     filter: string;
+    textRowMaxWidth?: number;
+    richTextWidth?: number;
+    richTextHeight?: number;
+    image?: string;
+    imageWidth: number;
+    imageHeight: number;
     shadowStyle?: Partial<CanvasShadowStyles>;
-    globalAlpha: number;
     advancedStyle?: AdvancedStyleType;
     extraDrawFunc?: Function;
-    mode: CreateWatermarkModeType;
-    mutationObserve: boolean;
-    unique: boolean;
-    parent: Element | string;
     onSuccess: Function;
     onBeforeDestroy: Function;
     onDestroyed: Function;
@@ -71,15 +73,27 @@ export interface AdvancedStyleType {
     }[];
 }
 export interface AdvancedStyleParamsType {
-    x0: number;
-    y0: number;
-    r0: number;
-    x1: number;
-    y1: number;
-    r1: number;
-    startAngle: number;
-    x: number;
-    y: number;
-    image: CanvasImageSource;
-    repetition: string;
+    linear: Partial<{
+        x0: number;
+        y0: number;
+        x1: number;
+        y1: number;
+    }>;
+    radial: Partial<{
+        x0: number;
+        y0: number;
+        r0: number;
+        x1: number;
+        y1: number;
+        r1: number;
+    }>;
+    conic: Partial<{
+        startAngle: number;
+        x: number;
+        y: number;
+    }>;
+    pattern: Partial<{
+        image: HTMLImageElement | SVGImageElement | HTMLVideoElement | HTMLCanvasElement | ImageBitmap | OffscreenCanvas;
+        repetition: string;
+    }>;
 }

package/dist/{utils → src/utils}/index.d.ts

@@ -9,3 +9,5 @@ export declare const createSVGElement: (tagName: string, attrs?: {
 export declare const getMultiLineData: (ctx: CanvasRenderingContext2D, text: string, maxWidth: number) => string[];
 export declare const createCustomContentSVG: (ctx: CanvasRenderingContext2D, options: WatermarkOptions) => CustomContentSVGType;
 export declare const convertSVGToImage: (svg: Element) => string;
+export declare const getValue: (v1: any, v2: any) => any;
+export declare const loadImage: (url: string, width?: number | undefined, height?: number | undefined) => Promise<HTMLImageElement>;

package/dist/src/utils/initialization.d.ts

@@ -0,0 +1,49 @@
+import { AdvancedStyleParamsType, WatermarkOptions } from '../types';
+export declare const initialOptions: {
+    width: number;
+    height: number;
+    rotate: number;
+    auxiliaryLine: boolean;
+    translatePlacement: string;
+    contentType: string;
+    content: string;
+    textType: string;
+    imageWidth: number;
+    imageHeight: number;
+    lineHeight: number;
+    zIndex: number;
+    backgroundPosition: string;
+    backgroundRepeat: string;
+    fontSize: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontVariant: string;
+    fontColor: string;
+    fontWeight: string;
+    filter: string;
+    globalAlpha: number;
+    mode: string;
+    mutationObserve: boolean;
+    unique: boolean;
+    parent: string;
+    onSuccess: () => void;
+    onBeforeDestroy: () => void;
+    onDestroyed: () => void;
+};
+export declare const generateRecommendOptions: (canvas: HTMLCanvasElement, options: WatermarkOptions, args: Partial<WatermarkOptions>) => {
+    image: {
+        rect: {
+            width: number;
+            height: number;
+        };
+        position: {
+            x: number;
+            y: number;
+        };
+    };
+    textLine: {
+        data: string[];
+        yOffsetValue: number;
+    };
+    advancedStyleParams: AdvancedStyleParamsType;
+};