watermark-js-plus 0.2.0 → 0.3.0

package/dist/core/watermark.d.ts

@@ -28,6 +28,7 @@ export default class Watermark {
      * Deleting this watermark.
      */
     destroy(): void;
+    private initializeOptions;
     private validateUnique;
     private validateContent;
     private draw;

package/dist/types/index.d.ts

@@ -1,28 +1,9 @@
-export declare enum ContentTypeEnum {
-    text = "text",
-    image = "image",
-    multiLineText = "multi-line-text",
-    richText = "rich-text"
-}
-export declare enum TextAlignEnum {
-    center = "center",
-    left = "left",
-    right = "right"
-}
-export declare enum TextBaselineEnum {
-    top = "top",
-    bottom = "bottom",
-    middle = "middle"
-}
-export declare enum CreateWatermarkModeEnum {
-    default = "default",
-    blind = "blind"
-}
-export declare enum DecodeBlindWatermarkModeEnum {
-    canvas = "canvas",
-    html = "html",
-    svg = "svg"
-}
+export type ContentTypeType = 'text' | 'image' | 'multi-line-text' | 'rich-text';
+export type TextAlignType = 'center' | 'end' | 'left' | 'right' | 'start';
+export type TextBaselineType = 'alphabetic' | 'hanging' | 'ideographic' | 'top' | 'bottom' | 'middle';
+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 interface WatermarkDom extends HTMLDivElement {
     __WATERMARK__?: string;
     __WATERMARK__INSTANCE__?: any;
@@ -31,7 +12,10 @@ export interface WatermarkOptions {
     width: number;
     height: number;
     rotate: number;
-    contentType: ContentTypeEnum;
+    translatePlacement: TranslatePlacementType;
+    translateX?: number;
+    translateY?: number;
+    contentType: ContentTypeType;
     content: string;
     image?: string;
     imageWidth: number;
@@ -42,12 +26,12 @@ export interface WatermarkOptions {
     backgroundRepeat: string;
     fontSize: number;
     fontFamily: string;
-    textAlign: TextAlignEnum;
-    textBaseline: TextBaselineEnum;
+    textAlign?: TextAlignType;
+    textBaseline?: TextBaselineType;
     fontColor: string;
     globalAlpha: number;
     fontWeight: string;
-    mode: CreateWatermarkModeEnum;
+    mode: CreateWatermarkModeType;
     mutationObserve: boolean;
     unique: boolean;
     parent: Element | string;
@@ -59,6 +43,6 @@ export interface DecodeBlindWatermarkOptions {
     url: string;
     fillColor: string;
     compositeOperation: string;
-    mode: DecodeBlindWatermarkModeEnum;
+    mode: DecodeBlindWatermarkModeType;
     onSuccess: Function;
 }

package/dist/utils/index.d.ts

@@ -1,6 +1,7 @@
 import { WatermarkOptions } from '../types';
 export declare const convertImage: (canvas: HTMLCanvasElement) => string;
 export declare const isFunction: (value: Function) => boolean;
+export declare const isUndefined: (value: any) => boolean;
 export declare const createSVGElement: (tagName: string, attrs?: {
     [key: string]: string;
 }, namespaceURI?: string) => Element;

package/dist/watermark.esm.js

@@ -73,6 +73,9 @@ var convertImage = function (canvas) {
 var isFunction = function (value) {
     return typeof value === 'function';
 };
+var isUndefined = function (value) {
+    return value === undefined;
+};
 var createSVGElement = function (tagName, attrs, namespaceURI) {
     if (attrs === void 0) { attrs = {}; }
     if (namespaceURI === void 0) { namespaceURI = 'http://www.w3.org/2000/svg'; }
@@ -117,37 +120,6 @@ var convertSVGToImage = function (svg) {
     return "data:image/svg+xml;charset=utf-8,".concat(richContent);
 };
 
-var ContentTypeEnum;
-(function (ContentTypeEnum) {
-    ContentTypeEnum["text"] = "text";
-    ContentTypeEnum["image"] = "image";
-    ContentTypeEnum["multiLineText"] = "multi-line-text";
-    ContentTypeEnum["richText"] = "rich-text";
-})(ContentTypeEnum || (ContentTypeEnum = {}));
-var TextAlignEnum;
-(function (TextAlignEnum) {
-    TextAlignEnum["center"] = "center";
-    TextAlignEnum["left"] = "left";
-    TextAlignEnum["right"] = "right";
-})(TextAlignEnum || (TextAlignEnum = {}));
-var TextBaselineEnum;
-(function (TextBaselineEnum) {
-    TextBaselineEnum["top"] = "top";
-    TextBaselineEnum["bottom"] = "bottom";
-    TextBaselineEnum["middle"] = "middle";
-})(TextBaselineEnum || (TextBaselineEnum = {}));
-var CreateWatermarkModeEnum;
-(function (CreateWatermarkModeEnum) {
-    CreateWatermarkModeEnum["default"] = "default";
-    CreateWatermarkModeEnum["blind"] = "blind";
-})(CreateWatermarkModeEnum || (CreateWatermarkModeEnum = {}));
-var DecodeBlindWatermarkModeEnum;
-(function (DecodeBlindWatermarkModeEnum) {
-    DecodeBlindWatermarkModeEnum["canvas"] = "canvas";
-    DecodeBlindWatermarkModeEnum["html"] = "html";
-    DecodeBlindWatermarkModeEnum["svg"] = "svg";
-})(DecodeBlindWatermarkModeEnum || (DecodeBlindWatermarkModeEnum = {}));
-
 /**
  * Watermark class
  */
@@ -158,13 +130,13 @@ var Watermark = /** @class */ (function () {
      */
     function Watermark(props) {
         if (props === void 0) { props = {}; }
-        var _a;
         this.parentElement = document.body;
         this.options = Object.assign({
             width: 300,
             height: 300,
             rotate: 45,
-            contentType: ContentTypeEnum.text,
+            translatePlacement: 'middle',
+            contentType: 'text',
             content: 'hello watermark-js-plus',
             imageWidth: 0,
             imageHeight: 0,
@@ -174,12 +146,10 @@ var Watermark = /** @class */ (function () {
             backgroundRepeat: 'repeat',
             fontSize: 20,
             fontFamily: 'sans-serif',
-            textAlign: TextAlignEnum.center,
-            textBaseline: TextBaselineEnum.middle,
             fontColor: '#000',
             globalAlpha: 0.5,
             fontWeight: 'normal',
-            mode: CreateWatermarkModeEnum.default,
+            mode: 'default',
             mutationObserve: true,
             unique: true,
             parent: 'body',
@@ -187,10 +157,8 @@ var Watermark = /** @class */ (function () {
             onBeforeDestroy: function () { },
             onDestroyed: function () { }
         }, props);
-        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.rotate) {
-            this.options.rotate = (360 - this.options.rotate % 360) * (Math.PI / 180);
-        }
         this.changeParentElement(this.options.parent);
+        this.initializeOptions();
     }
     /**
      * Create an HD canvas.
@@ -266,6 +234,70 @@ var Watermark = /** @class */ (function () {
         (_e = this.watermarkDom) === null || _e === void 0 ? void 0 : _e.remove();
         (_g = (_f = this.options).onDestroyed) === null || _g === void 0 ? void 0 : _g.call(_f);
     };
+    Watermark.prototype.initializeOptions = function () {
+        var _a;
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.rotate) {
+            this.options.rotate = (360 - this.options.rotate % 360) * (Math.PI / 180);
+        }
+        var translateX;
+        var translateY;
+        var textBaseline = 'middle';
+        var textAlign = 'center';
+        switch (this.options.translatePlacement) {
+            case 'top':
+                translateX = this.options.width / 2;
+                translateY = 0;
+                textBaseline = 'top';
+                break;
+            case 'top-start':
+                translateX = 0;
+                translateY = 0;
+                textBaseline = 'top';
+                textAlign = 'start';
+                break;
+            case 'top-end':
+                translateX = this.options.width;
+                translateY = 0;
+                textBaseline = 'top';
+                textAlign = 'end';
+                break;
+            case 'bottom':
+                translateX = this.options.width / 2;
+                translateY = this.options.height;
+                textBaseline = 'bottom';
+                break;
+            case 'bottom-start':
+                translateX = 0;
+                translateY = this.options.height;
+                textBaseline = 'bottom';
+                textAlign = 'start';
+                break;
+            case 'bottom-end':
+                translateX = this.options.width;
+                translateY = this.options.height;
+                textBaseline = 'bottom';
+                textAlign = 'end';
+                break;
+            case 'left':
+                translateX = 0;
+                translateY = this.options.height / 2;
+                textAlign = 'start';
+                break;
+            case 'right':
+                translateX = this.options.width;
+                translateY = this.options.height / 2;
+                textAlign = 'end';
+                break;
+            case 'middle':
+                translateX = this.options.width / 2;
+                translateY = this.options.height / 2;
+                break;
+        }
+        isUndefined(this.options.translateX) && (this.options.translateX = translateX);
+        isUndefined(this.options.translateY) && (this.options.translateY = translateY);
+        isUndefined(this.options.textBaseline) && (this.options.textBaseline = textBaseline);
+        isUndefined(this.options.textAlign) && (this.options.textAlign = textAlign);
+    };
     Watermark.prototype.validateUnique = function () {
         var result = true;
         if (this.options.unique) {
@@ -283,11 +315,11 @@ var Watermark = /** @class */ (function () {
     };
     Watermark.prototype.validateContent = function () {
         switch (this.options.contentType) {
-            case ContentTypeEnum.image:
+            case 'image':
                 return Object.hasOwnProperty.call(this.options, 'image');
-            case ContentTypeEnum.multiLineText:
-            case ContentTypeEnum.richText:
-            case ContentTypeEnum.text:
+            case 'multi-line-text':
+            case 'rich-text':
+            case 'text':
                 return this.options.content.length > 0;
         }
         return false;
@@ -301,30 +333,30 @@ var Watermark = /** @class */ (function () {
             throw new Error('get context error');
         }
         ctx.font = "".concat(this.options.fontWeight, " ").concat(this.options.fontSize, "px ").concat(this.options.fontFamily);
-        ctx.textAlign = this.options.textAlign;
-        ctx.textBaseline = this.options.textBaseline;
+        this.options.textAlign && (ctx.textAlign = this.options.textAlign);
+        this.options.textBaseline && (ctx.textBaseline = this.options.textBaseline);
         ctx.fillStyle = this.options.fontColor;
         ctx.globalAlpha = this.options.globalAlpha;
+        ctx.translate(this.options.translateX, this.options.translateY);
+        ctx.rotate(this.options.rotate);
         return new Promise(function (resolve) {
             switch (_this.options.contentType) {
-                case ContentTypeEnum.text:
+                case 'text':
                     _this.drawText(ctx, resolve);
                     break;
-                case ContentTypeEnum.image:
+                case 'image':
                     _this.drawImage(ctx, resolve);
                     break;
-                case ContentTypeEnum.multiLineText:
+                case 'multi-line-text':
                     _this.drawMultiLineText(ctx, resolve);
                     break;
-                case ContentTypeEnum.richText:
+                case 'rich-text':
                     _this.drawRichText(ctx, resolve);
                     break;
             }
         });
     };
     Watermark.prototype.drawText = function (ctx, resolve) {
-        ctx.translate(this.options.width / 2, this.options.height / 2);
-        ctx.rotate(this.options.rotate);
         ctx.fillText(this.options.content, 0, 0);
         resolve(ctx.canvas);
     };
@@ -334,8 +366,6 @@ var Watermark = /** @class */ (function () {
         image.setAttribute('crossOrigin', 'Anonymous');
         image.src = this.options.image;
         image.onload = function () {
-            ctx.translate(_this.options.width / 2, _this.options.height / 2);
-            ctx.rotate(_this.options.rotate);
             var _a = _this.getImageRect(image), imageWidth = _a.width, imageHeight = _a.height;
             ctx.drawImage(image, 0 - imageWidth / 2, 0 - imageHeight / 2, imageWidth, imageHeight);
             resolve(ctx.canvas);
@@ -360,8 +390,6 @@ var Watermark = /** @class */ (function () {
         //   resolve(canvas)
         // }
         var lines = getMultiLineData(ctx, this.options.content, this.options.width);
-        ctx.translate(this.options.width / 2, this.options.height / 2);
-        ctx.rotate(this.options.rotate);
         var yOffsetValue = (lines.length - 1) * this.options.lineHeight / 2;
         lines.forEach(function (txt, index) {
             ctx.fillText(txt, 0, _this.options.lineHeight * index - yOffsetValue);
@@ -376,8 +404,6 @@ var Watermark = /** @class */ (function () {
         var element = createCustomContentSVG(ctx, this.options);
         image.src = convertSVGToImage(element);
         image.onload = function () {
-            ctx.translate(_this.options.width / 2, _this.options.height / 2);
-            ctx.rotate(_this.options.rotate);
             ctx.drawImage(image, -_this.options.width / 2, -_this.options.height / 2, ctx.canvas.width, ctx.canvas.height);
             resolve(ctx.canvas);
         };
@@ -452,7 +478,7 @@ var BlindWatermark = /** @class */ (function (_super) {
     function BlindWatermark(props) {
         if (props === void 0) { props = {}; }
         props.globalAlpha = 0.005;
-        props.mode = CreateWatermarkModeEnum.blind;
+        props.mode = 'blind';
         return _super.call(this, props) || this;
     }
     /**
@@ -464,12 +490,12 @@ var BlindWatermark = /** @class */ (function (_super) {
             url: '',
             fillColor: '#000',
             compositeOperation: 'color-burn',
-            mode: DecodeBlindWatermarkModeEnum.canvas
+            mode: 'canvas'
         }, props);
         if (!options.url) {
             return;
         }
-        if (options.mode === DecodeBlindWatermarkModeEnum.canvas) {
+        if (options.mode === 'canvas') {
             var img_1 = new Image();
             img_1.src = options.url;
             img_1.onload = function () {

package/dist/watermark.umd.js

@@ -79,6 +79,9 @@
     var isFunction = function (value) {
         return typeof value === 'function';
     };
+    var isUndefined = function (value) {
+        return value === undefined;
+    };
     var createSVGElement = function (tagName, attrs, namespaceURI) {
         if (attrs === void 0) { attrs = {}; }
         if (namespaceURI === void 0) { namespaceURI = 'http://www.w3.org/2000/svg'; }
@@ -123,37 +126,6 @@
         return "data:image/svg+xml;charset=utf-8,".concat(richContent);
     };
 
-    var ContentTypeEnum;
-    (function (ContentTypeEnum) {
-        ContentTypeEnum["text"] = "text";
-        ContentTypeEnum["image"] = "image";
-        ContentTypeEnum["multiLineText"] = "multi-line-text";
-        ContentTypeEnum["richText"] = "rich-text";
-    })(ContentTypeEnum || (ContentTypeEnum = {}));
-    var TextAlignEnum;
-    (function (TextAlignEnum) {
-        TextAlignEnum["center"] = "center";
-        TextAlignEnum["left"] = "left";
-        TextAlignEnum["right"] = "right";
-    })(TextAlignEnum || (TextAlignEnum = {}));
-    var TextBaselineEnum;
-    (function (TextBaselineEnum) {
-        TextBaselineEnum["top"] = "top";
-        TextBaselineEnum["bottom"] = "bottom";
-        TextBaselineEnum["middle"] = "middle";
-    })(TextBaselineEnum || (TextBaselineEnum = {}));
-    var CreateWatermarkModeEnum;
-    (function (CreateWatermarkModeEnum) {
-        CreateWatermarkModeEnum["default"] = "default";
-        CreateWatermarkModeEnum["blind"] = "blind";
-    })(CreateWatermarkModeEnum || (CreateWatermarkModeEnum = {}));
-    var DecodeBlindWatermarkModeEnum;
-    (function (DecodeBlindWatermarkModeEnum) {
-        DecodeBlindWatermarkModeEnum["canvas"] = "canvas";
-        DecodeBlindWatermarkModeEnum["html"] = "html";
-        DecodeBlindWatermarkModeEnum["svg"] = "svg";
-    })(DecodeBlindWatermarkModeEnum || (DecodeBlindWatermarkModeEnum = {}));
-
     /**
      * Watermark class
      */
@@ -164,13 +136,13 @@
          */
         function Watermark(props) {
             if (props === void 0) { props = {}; }
-            var _a;
             this.parentElement = document.body;
             this.options = Object.assign({
                 width: 300,
                 height: 300,
                 rotate: 45,
-                contentType: ContentTypeEnum.text,
+                translatePlacement: 'middle',
+                contentType: 'text',
                 content: 'hello watermark-js-plus',
                 imageWidth: 0,
                 imageHeight: 0,
@@ -180,12 +152,10 @@
                 backgroundRepeat: 'repeat',
                 fontSize: 20,
                 fontFamily: 'sans-serif',
-                textAlign: TextAlignEnum.center,
-                textBaseline: TextBaselineEnum.middle,
                 fontColor: '#000',
                 globalAlpha: 0.5,
                 fontWeight: 'normal',
-                mode: CreateWatermarkModeEnum.default,
+                mode: 'default',
                 mutationObserve: true,
                 unique: true,
                 parent: 'body',
@@ -193,10 +163,8 @@
                 onBeforeDestroy: function () { },
                 onDestroyed: function () { }
             }, props);
-            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.rotate) {
-                this.options.rotate = (360 - this.options.rotate % 360) * (Math.PI / 180);
-            }
             this.changeParentElement(this.options.parent);
+            this.initializeOptions();
         }
         /**
          * Create an HD canvas.
@@ -272,6 +240,70 @@
             (_e = this.watermarkDom) === null || _e === void 0 ? void 0 : _e.remove();
             (_g = (_f = this.options).onDestroyed) === null || _g === void 0 ? void 0 : _g.call(_f);
         };
+        Watermark.prototype.initializeOptions = function () {
+            var _a;
+            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.rotate) {
+                this.options.rotate = (360 - this.options.rotate % 360) * (Math.PI / 180);
+            }
+            var translateX;
+            var translateY;
+            var textBaseline = 'middle';
+            var textAlign = 'center';
+            switch (this.options.translatePlacement) {
+                case 'top':
+                    translateX = this.options.width / 2;
+                    translateY = 0;
+                    textBaseline = 'top';
+                    break;
+                case 'top-start':
+                    translateX = 0;
+                    translateY = 0;
+                    textBaseline = 'top';
+                    textAlign = 'start';
+                    break;
+                case 'top-end':
+                    translateX = this.options.width;
+                    translateY = 0;
+                    textBaseline = 'top';
+                    textAlign = 'end';
+                    break;
+                case 'bottom':
+                    translateX = this.options.width / 2;
+                    translateY = this.options.height;
+                    textBaseline = 'bottom';
+                    break;
+                case 'bottom-start':
+                    translateX = 0;
+                    translateY = this.options.height;
+                    textBaseline = 'bottom';
+                    textAlign = 'start';
+                    break;
+                case 'bottom-end':
+                    translateX = this.options.width;
+                    translateY = this.options.height;
+                    textBaseline = 'bottom';
+                    textAlign = 'end';
+                    break;
+                case 'left':
+                    translateX = 0;
+                    translateY = this.options.height / 2;
+                    textAlign = 'start';
+                    break;
+                case 'right':
+                    translateX = this.options.width;
+                    translateY = this.options.height / 2;
+                    textAlign = 'end';
+                    break;
+                case 'middle':
+                    translateX = this.options.width / 2;
+                    translateY = this.options.height / 2;
+                    break;
+            }
+            isUndefined(this.options.translateX) && (this.options.translateX = translateX);
+            isUndefined(this.options.translateY) && (this.options.translateY = translateY);
+            isUndefined(this.options.textBaseline) && (this.options.textBaseline = textBaseline);
+            isUndefined(this.options.textAlign) && (this.options.textAlign = textAlign);
+        };
         Watermark.prototype.validateUnique = function () {
             var result = true;
             if (this.options.unique) {
@@ -289,11 +321,11 @@
         };
         Watermark.prototype.validateContent = function () {
             switch (this.options.contentType) {
-                case ContentTypeEnum.image:
+                case 'image':
                     return Object.hasOwnProperty.call(this.options, 'image');
-                case ContentTypeEnum.multiLineText:
-                case ContentTypeEnum.richText:
-                case ContentTypeEnum.text:
+                case 'multi-line-text':
+                case 'rich-text':
+                case 'text':
                     return this.options.content.length > 0;
             }
             return false;
@@ -307,30 +339,30 @@
                 throw new Error('get context error');
             }
             ctx.font = "".concat(this.options.fontWeight, " ").concat(this.options.fontSize, "px ").concat(this.options.fontFamily);
-            ctx.textAlign = this.options.textAlign;
-            ctx.textBaseline = this.options.textBaseline;
+            this.options.textAlign && (ctx.textAlign = this.options.textAlign);
+            this.options.textBaseline && (ctx.textBaseline = this.options.textBaseline);
             ctx.fillStyle = this.options.fontColor;
             ctx.globalAlpha = this.options.globalAlpha;
+            ctx.translate(this.options.translateX, this.options.translateY);
+            ctx.rotate(this.options.rotate);
             return new Promise(function (resolve) {
                 switch (_this.options.contentType) {
-                    case ContentTypeEnum.text:
+                    case 'text':
                         _this.drawText(ctx, resolve);
                         break;
-                    case ContentTypeEnum.image:
+                    case 'image':
                         _this.drawImage(ctx, resolve);
                         break;
-                    case ContentTypeEnum.multiLineText:
+                    case 'multi-line-text':
                         _this.drawMultiLineText(ctx, resolve);
                         break;
-                    case ContentTypeEnum.richText:
+                    case 'rich-text':
                         _this.drawRichText(ctx, resolve);
                         break;
                 }
             });
         };
         Watermark.prototype.drawText = function (ctx, resolve) {
-            ctx.translate(this.options.width / 2, this.options.height / 2);
-            ctx.rotate(this.options.rotate);
             ctx.fillText(this.options.content, 0, 0);
             resolve(ctx.canvas);
         };
@@ -340,8 +372,6 @@
             image.setAttribute('crossOrigin', 'Anonymous');
             image.src = this.options.image;
             image.onload = function () {
-                ctx.translate(_this.options.width / 2, _this.options.height / 2);
-                ctx.rotate(_this.options.rotate);
                 var _a = _this.getImageRect(image), imageWidth = _a.width, imageHeight = _a.height;
                 ctx.drawImage(image, 0 - imageWidth / 2, 0 - imageHeight / 2, imageWidth, imageHeight);
                 resolve(ctx.canvas);
@@ -366,8 +396,6 @@
             //   resolve(canvas)
             // }
             var lines = getMultiLineData(ctx, this.options.content, this.options.width);
-            ctx.translate(this.options.width / 2, this.options.height / 2);
-            ctx.rotate(this.options.rotate);
             var yOffsetValue = (lines.length - 1) * this.options.lineHeight / 2;
             lines.forEach(function (txt, index) {
                 ctx.fillText(txt, 0, _this.options.lineHeight * index - yOffsetValue);
@@ -382,8 +410,6 @@
             var element = createCustomContentSVG(ctx, this.options);
             image.src = convertSVGToImage(element);
             image.onload = function () {
-                ctx.translate(_this.options.width / 2, _this.options.height / 2);
-                ctx.rotate(_this.options.rotate);
                 ctx.drawImage(image, -_this.options.width / 2, -_this.options.height / 2, ctx.canvas.width, ctx.canvas.height);
                 resolve(ctx.canvas);
             };
@@ -458,7 +484,7 @@
         function BlindWatermark(props) {
             if (props === void 0) { props = {}; }
             props.globalAlpha = 0.005;
-            props.mode = CreateWatermarkModeEnum.blind;
+            props.mode = 'blind';
             return _super.call(this, props) || this;
         }
         /**
@@ -470,12 +496,12 @@
                 url: '',
                 fillColor: '#000',
                 compositeOperation: 'color-burn',
-                mode: DecodeBlindWatermarkModeEnum.canvas
+                mode: 'canvas'
             }, props);
             if (!options.url) {
                 return;
             }
-            if (options.mode === DecodeBlindWatermarkModeEnum.canvas) {
+            if (options.mode === 'canvas') {
                 var img_1 = new Image();
                 img_1.src = options.url;
                 img_1.onload = function () {

package/dist/watermark.umd.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).watermark={})}(this,(function(t){"use strict";var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,e,n,o){return new(n||(n=Promise))((function(i,r){function a(t){try{c(o.next(t))}catch(t){r(t)}}function s(t){try{c(o.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))}function o(t,e){var n,o,i,r,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(i=2&r[0]?o.return:r[0]?o.throw||((i=o.return)&&i.call(o),0):o.next)&&!(i=i.call(o,r[1])).done)return i;switch(o=0,i&&(r=[2&r[0],i.value]),r[0]){case 0:case 1:i=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,o=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!i||r[1]>i[0]&&r[1]<i[3])){a.label=r[1];break}if(6===r[0]&&a.label<i[1]){a.label=i[1],i=r;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(r);break}i[2]&&a.ops.pop(),a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t],o=0}finally{n=i=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}var i,r,a,s,c,h=function(t){return t.toDataURL("image/png",1)},l=function(t,e,n){void 0===e&&(e={}),void 0===n&&(n="http://www.w3.org/2000/svg");var o=document.createElementNS(n,t);for(var i in e)o.setAttribute(i,e[i]);return o};!function(t){t.text="text",t.image="image",t.multiLineText="multi-line-text",t.richText="rich-text"}(i||(i={})),function(t){t.center="center",t.left="left",t.right="right"}(r||(r={})),function(t){t.top="top",t.bottom="bottom",t.middle="middle"}(a||(a={})),function(t){t.default="default",t.blind="blind"}(s||(s={})),function(t){t.canvas="canvas",t.html="html",t.svg="svg"}(c||(c={}));var u=function(){function t(t){var e;void 0===t&&(t={}),this.parentElement=document.body,this.options=Object.assign({width:300,height:300,rotate:45,contentType:i.text,content:"hello watermark-js-plus",imageWidth:0,imageHeight:0,lineHeight:30,zIndex:1e4,backgroundPosition:"0 0, 0 0",backgroundRepeat:"repeat",fontSize:20,fontFamily:"sans-serif",textAlign:r.center,textBaseline:a.middle,fontColor:"#000",globalAlpha:.5,fontWeight:"normal",mode:s.default,mutationObserve:!0,unique:!0,parent:"body",onSuccess:function(){},onBeforeDestroy:function(){},onDestroyed:function(){}},t),(null===(e=this.options)||void 0===e?void 0:e.rotate)&&(this.options.rotate=(360-this.options.rotate%360)*(Math.PI/180)),this.changeParentElement(this.options.parent)}return t.createCanvas=function(t,e){var n,o=window.devicePixelRatio||1,i=document.createElement("canvas");return i.width=t*o,i.height=e*o,i.style.width="".concat(t,"px"),i.style.height="".concat(e,"px"),null===(n=i.getContext("2d"))||void 0===n||n.setTransform(o,0,0,o,0,0),i},t.prototype.changeParentElement=function(t){if("string"==typeof t){var e=document.querySelector(t);e&&(this.parentElement=e)}else this.parentElement=t},t.prototype.create=function(){var t,e;return n(this,void 0,void 0,(function(){var n,i,r,a;return o(this,(function(o){switch(o.label){case 0:return this.validateUnique()&&this.validateContent()?[4,this.draw()]:[2];case 1:return n=o.sent(),i=h(n),this.watermarkDom=document.createElement("div"),r=document.createElement("div"),this.watermarkDom.__WATERMARK__="watermark",this.watermarkDom.__WATERMARK__INSTANCE__=this,a=this.checkParentElementType(),this.watermarkDom.style.cssText="\n      z-index: ".concat(this.options.zIndex,";\n      ").concat("custom"===a?"top: 0;bottom: 0;left: 0;right: 0;height: 100%;pointer-events: none;position: absolute":"position: relative","\n    "),r.style.cssText="\n      position: ".concat("root"===a?"fixed;":"absolute;","\n      z-index: ").concat(this.options.zIndex,";\n      pointer-events: none;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url(").concat(i,");\n      background-repeat: ").concat(this.options.backgroundRepeat,";\n      background-size: ").concat(this.options.width,"px ").concat(this.options.height,"px;\n      background-position: ").concat(this.options.backgroundPosition,";\n      -webkit-print-color-adjust: exact;\n    "),this.watermarkDom.append(r),this.parentElement.appendChild(this.watermarkDom),this.options.mutationObserve&&this.bindMutationObserve(),null===(e=(t=this.options).onSuccess)||void 0===e||e.call(t),[2]}}))}))},t.prototype.destroy=function(){var t,e,n,o,i,r,a;null===(e=(t=this.options).onBeforeDestroy)||void 0===e||e.call(t),null===(n=this.observer)||void 0===n||n.disconnect(),null===(o=this.parentObserve)||void 0===o||o.disconnect(),null===(i=this.watermarkDom)||void 0===i||i.remove(),null===(a=(r=this.options).onDestroyed)||void 0===a||a.call(r)},t.prototype.validateUnique=function(){var t=!0;return this.options.unique&&this.parentElement.childNodes.forEach((function(e){t&&Object.hasOwnProperty.call(e,"__WATERMARK__")&&(t=!1)})),t},t.prototype.validateContent=function(){switch(this.options.contentType){case i.image:return Object.hasOwnProperty.call(this.options,"image");case i.multiLineText:case i.richText:case i.text:return this.options.content.length>0}return!1},t.prototype.draw=function(){var e=this,n=t.createCanvas(this.options.width,this.options.height).getContext("2d");if(null===n)throw new Error("get context error");return n.font="".concat(this.options.fontWeight," ").concat(this.options.fontSize,"px ").concat(this.options.fontFamily),n.textAlign=this.options.textAlign,n.textBaseline=this.options.textBaseline,n.fillStyle=this.options.fontColor,n.globalAlpha=this.options.globalAlpha,new Promise((function(t){switch(e.options.contentType){case i.text:e.drawText(n,t);break;case i.image:e.drawImage(n,t);break;case i.multiLineText:e.drawMultiLineText(n,t);break;case i.richText:e.drawRichText(n,t)}}))},t.prototype.drawText=function(t,e){t.translate(this.options.width/2,this.options.height/2),t.rotate(this.options.rotate),t.fillText(this.options.content,0,0),e(t.canvas)},t.prototype.drawImage=function(t,e){var n=this,o=new Image;o.setAttribute("crossOrigin","Anonymous"),o.src=this.options.image,o.onload=function(){t.translate(n.options.width/2,n.options.height/2),t.rotate(n.options.rotate);var i=n.getImageRect(o),r=i.width,a=i.height;t.drawImage(o,0-r/2,0-a/2,r,a),e(t.canvas)}},t.prototype.drawMultiLineText=function(t,e){var n=this,o=function(t,e,n){for(var o=[],i="",r=0,a=e.length;r<a;r++)i+=e.charAt(r),t.measureText(i).width>n&&(o.push(i.substring(0,i.length-1)),i="",r--);return o.push(i),o}(t,this.options.content,this.options.width);t.translate(this.options.width/2,this.options.height/2),t.rotate(this.options.rotate);var i=(o.length-1)*this.options.lineHeight/2;o.forEach((function(e,o){t.fillText(e,0,n.options.lineHeight*o-i)})),e(t.canvas)},t.prototype.drawRichText=function(t,e){var n=this,o=new Image;o.width=this.options.width,o.height=this.options.height;var i,r=function(t,e){var n=l("svg",{xmlns:"http://www.w3.org/2000/svg"}),o=l("foreignObject",{width:e.width.toString(),height:e.height.toString()}),i=document.createElement("div");return i.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),i.style.cssText="\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font: ".concat(t.font,";\n  color: ").concat(e.fontColor,";\n  "),i.innerHTML=e.content,o.appendChild(i),n.appendChild(o),n}(t,this.options);o.src=(i=r.outerHTML.replace(/\n/g,"").replace(/\t/g,"").replace(/#/g,"%23"),"data:image/svg+xml;charset=utf-8,".concat(i)),o.onload=function(){t.translate(n.options.width/2,n.options.height/2),t.rotate(n.options.rotate),t.drawImage(o,-n.options.width/2,-n.options.height/2,t.canvas.width,t.canvas.height),e(t.canvas)}},t.prototype.getImageRect=function(t){var e={width:this.options.imageWidth,height:this.options.imageHeight};switch(!0){case 0!==e.width&&0===e.height:e.height=e.width*t.height/t.width;break;case 0===e.width&&0!==e.height:e.width=e.height*t.width/t.height;break;case 0===e.width&&0===e.height:e.width=t.width,e.height=t.height}return e},t.prototype.checkParentElementType=function(){return["html","body"].includes(this.parentElement.tagName.toLocaleLowerCase())?"root":"custom"},t.prototype.bindMutationObserve=function(){var t=this;this.watermarkDom&&(this.observer=new MutationObserver((function(e){e.length>0&&(t.destroy(),t.create())})),this.observer.observe(this.watermarkDom,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),this.parentObserve=new MutationObserver((function(e){e.forEach((function(e){var n;(null==e?void 0:e.target)!==t.watermarkDom&&(null===(n=null==e?void 0:e.removedNodes)||void 0===n?void 0:n[0])!==t.watermarkDom||(t.destroy(),t.create())}))})),this.parentObserve.observe(this.parentElement,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},t}(),p=function(t){function n(e){return void 0===e&&(e={}),e.globalAlpha=.005,e.mode=s.blind,t.call(this,e)||this}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}(n,t),n.decode=function(t){var e=Object.assign({url:"",fillColor:"#000",compositeOperation:"color-burn",mode:c.canvas},t);if(e.url&&e.mode===c.canvas){var n=new Image;n.src=e.url,n.onload=function(){var t,o=n.width,i=n.height,r=u.createCanvas(o,i),a=r.getContext("2d");if(null===a)throw new Error("get context error");a.drawImage(n,0,0,o,i),a.globalCompositeOperation=e.compositeOperation,a.fillStyle=e.fillColor,a.fillRect(0,0,o,i);var s=h(r);e.onSuccess&&"function"==typeof e.onSuccess&&(null===(t=e.onSuccess)||void 0===t||t.call(e,s))}}},n}(u);t.BlindWatermark=p,t.Watermark=u}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).watermark={})}(this,(function(t){"use strict";var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},e(t,n)};function n(t,e,n,o){return new(n||(n=Promise))((function(i,r){function a(t){try{c(o.next(t))}catch(t){r(t)}}function s(t){try{c(o.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,s)}c((o=o.apply(t,e||[])).next())}))}function o(t,e){var n,o,i,r,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(i=2&r[0]?o.return:r[0]?o.throw||((i=o.return)&&i.call(o),0):o.next)&&!(i=i.call(o,r[1])).done)return i;switch(o=0,i&&(r=[2&r[0],i.value]),r[0]){case 0:case 1:i=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,o=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!i||r[1]>i[0]&&r[1]<i[3])){a.label=r[1];break}if(6===r[0]&&a.label<i[1]){a.label=i[1],i=r;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(r);break}i[2]&&a.ops.pop(),a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t],o=0}finally{n=i=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}var i=function(t){return t.toDataURL("image/png",1)},r=function(t){return void 0===t},a=function(t,e,n){void 0===e&&(e={}),void 0===n&&(n="http://www.w3.org/2000/svg");var o=document.createElementNS(n,t);for(var i in e)o.setAttribute(i,e[i]);return o},s=function(){function t(t){void 0===t&&(t={}),this.parentElement=document.body,this.options=Object.assign({width:300,height:300,rotate:45,translatePlacement:"middle",contentType:"text",content:"hello watermark-js-plus",imageWidth:0,imageHeight:0,lineHeight:30,zIndex:1e4,backgroundPosition:"0 0, 0 0",backgroundRepeat:"repeat",fontSize:20,fontFamily:"sans-serif",fontColor:"#000",globalAlpha:.5,fontWeight:"normal",mode:"default",mutationObserve:!0,unique:!0,parent:"body",onSuccess:function(){},onBeforeDestroy:function(){},onDestroyed:function(){}},t),this.changeParentElement(this.options.parent),this.initializeOptions()}return t.createCanvas=function(t,e){var n,o=window.devicePixelRatio||1,i=document.createElement("canvas");return i.width=t*o,i.height=e*o,i.style.width="".concat(t,"px"),i.style.height="".concat(e,"px"),null===(n=i.getContext("2d"))||void 0===n||n.setTransform(o,0,0,o,0,0),i},t.prototype.changeParentElement=function(t){if("string"==typeof t){var e=document.querySelector(t);e&&(this.parentElement=e)}else this.parentElement=t},t.prototype.create=function(){var t,e;return n(this,void 0,void 0,(function(){var n,r,a,s;return o(this,(function(o){switch(o.label){case 0:return this.validateUnique()&&this.validateContent()?[4,this.draw()]:[2];case 1:return n=o.sent(),r=i(n),this.watermarkDom=document.createElement("div"),a=document.createElement("div"),this.watermarkDom.__WATERMARK__="watermark",this.watermarkDom.__WATERMARK__INSTANCE__=this,s=this.checkParentElementType(),this.watermarkDom.style.cssText="\n      z-index: ".concat(this.options.zIndex,";\n      ").concat("custom"===s?"top: 0;bottom: 0;left: 0;right: 0;height: 100%;pointer-events: none;position: absolute":"position: relative","\n    "),a.style.cssText="\n      position: ".concat("root"===s?"fixed;":"absolute;","\n      z-index: ").concat(this.options.zIndex,";\n      pointer-events: none;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-image: url(").concat(r,");\n      background-repeat: ").concat(this.options.backgroundRepeat,";\n      background-size: ").concat(this.options.width,"px ").concat(this.options.height,"px;\n      background-position: ").concat(this.options.backgroundPosition,";\n      -webkit-print-color-adjust: exact;\n    "),this.watermarkDom.append(a),this.parentElement.appendChild(this.watermarkDom),this.options.mutationObserve&&this.bindMutationObserve(),null===(e=(t=this.options).onSuccess)||void 0===e||e.call(t),[2]}}))}))},t.prototype.destroy=function(){var t,e,n,o,i,r,a;null===(e=(t=this.options).onBeforeDestroy)||void 0===e||e.call(t),null===(n=this.observer)||void 0===n||n.disconnect(),null===(o=this.parentObserve)||void 0===o||o.disconnect(),null===(i=this.watermarkDom)||void 0===i||i.remove(),null===(a=(r=this.options).onDestroyed)||void 0===a||a.call(r)},t.prototype.initializeOptions=function(){var t,e,n;(null===(t=this.options)||void 0===t?void 0:t.rotate)&&(this.options.rotate=(360-this.options.rotate%360)*(Math.PI/180));var o="middle",i="center";switch(this.options.translatePlacement){case"top":e=this.options.width/2,n=0,o="top";break;case"top-start":e=0,n=0,o="top",i="start";break;case"top-end":e=this.options.width,n=0,o="top",i="end";break;case"bottom":e=this.options.width/2,n=this.options.height,o="bottom";break;case"bottom-start":e=0,n=this.options.height,o="bottom",i="start";break;case"bottom-end":e=this.options.width,n=this.options.height,o="bottom",i="end";break;case"left":e=0,n=this.options.height/2,i="start";break;case"right":e=this.options.width,n=this.options.height/2,i="end";break;case"middle":e=this.options.width/2,n=this.options.height/2}r(this.options.translateX)&&(this.options.translateX=e),r(this.options.translateY)&&(this.options.translateY=n),r(this.options.textBaseline)&&(this.options.textBaseline=o),r(this.options.textAlign)&&(this.options.textAlign=i)},t.prototype.validateUnique=function(){var t=!0;return this.options.unique&&this.parentElement.childNodes.forEach((function(e){t&&Object.hasOwnProperty.call(e,"__WATERMARK__")&&(t=!1)})),t},t.prototype.validateContent=function(){switch(this.options.contentType){case"image":return Object.hasOwnProperty.call(this.options,"image");case"multi-line-text":case"rich-text":case"text":return this.options.content.length>0}return!1},t.prototype.draw=function(){var e=this,n=t.createCanvas(this.options.width,this.options.height).getContext("2d");if(null===n)throw new Error("get context error");return n.font="".concat(this.options.fontWeight," ").concat(this.options.fontSize,"px ").concat(this.options.fontFamily),this.options.textAlign&&(n.textAlign=this.options.textAlign),this.options.textBaseline&&(n.textBaseline=this.options.textBaseline),n.fillStyle=this.options.fontColor,n.globalAlpha=this.options.globalAlpha,n.translate(this.options.translateX,this.options.translateY),n.rotate(this.options.rotate),new Promise((function(t){switch(e.options.contentType){case"text":e.drawText(n,t);break;case"image":e.drawImage(n,t);break;case"multi-line-text":e.drawMultiLineText(n,t);break;case"rich-text":e.drawRichText(n,t)}}))},t.prototype.drawText=function(t,e){t.fillText(this.options.content,0,0),e(t.canvas)},t.prototype.drawImage=function(t,e){var n=this,o=new Image;o.setAttribute("crossOrigin","Anonymous"),o.src=this.options.image,o.onload=function(){var i=n.getImageRect(o),r=i.width,a=i.height;t.drawImage(o,0-r/2,0-a/2,r,a),e(t.canvas)}},t.prototype.drawMultiLineText=function(t,e){var n=this,o=function(t,e,n){for(var o=[],i="",r=0,a=e.length;r<a;r++)i+=e.charAt(r),t.measureText(i).width>n&&(o.push(i.substring(0,i.length-1)),i="",r--);return o.push(i),o}(t,this.options.content,this.options.width),i=(o.length-1)*this.options.lineHeight/2;o.forEach((function(e,o){t.fillText(e,0,n.options.lineHeight*o-i)})),e(t.canvas)},t.prototype.drawRichText=function(t,e){var n=this,o=new Image;o.width=this.options.width,o.height=this.options.height;var i,r=function(t,e){var n=a("svg",{xmlns:"http://www.w3.org/2000/svg"}),o=a("foreignObject",{width:e.width.toString(),height:e.height.toString()}),i=document.createElement("div");return i.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),i.style.cssText="\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font: ".concat(t.font,";\n  color: ").concat(e.fontColor,";\n  "),i.innerHTML=e.content,o.appendChild(i),n.appendChild(o),n}(t,this.options);o.src=(i=r.outerHTML.replace(/\n/g,"").replace(/\t/g,"").replace(/#/g,"%23"),"data:image/svg+xml;charset=utf-8,".concat(i)),o.onload=function(){t.drawImage(o,-n.options.width/2,-n.options.height/2,t.canvas.width,t.canvas.height),e(t.canvas)}},t.prototype.getImageRect=function(t){var e={width:this.options.imageWidth,height:this.options.imageHeight};switch(!0){case 0!==e.width&&0===e.height:e.height=e.width*t.height/t.width;break;case 0===e.width&&0!==e.height:e.width=e.height*t.width/t.height;break;case 0===e.width&&0===e.height:e.width=t.width,e.height=t.height}return e},t.prototype.checkParentElementType=function(){return["html","body"].includes(this.parentElement.tagName.toLocaleLowerCase())?"root":"custom"},t.prototype.bindMutationObserve=function(){var t=this;this.watermarkDom&&(this.observer=new MutationObserver((function(e){e.length>0&&(t.destroy(),t.create())})),this.observer.observe(this.watermarkDom,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),this.parentObserve=new MutationObserver((function(e){e.forEach((function(e){var n;(null==e?void 0:e.target)!==t.watermarkDom&&(null===(n=null==e?void 0:e.removedNodes)||void 0===n?void 0:n[0])!==t.watermarkDom||(t.destroy(),t.create())}))})),this.parentObserve.observe(this.parentElement,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},t}(),c=function(t){function n(e){return void 0===e&&(e={}),e.globalAlpha=.005,e.mode="blind",t.call(this,e)||this}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}(n,t),n.decode=function(t){var e=Object.assign({url:"",fillColor:"#000",compositeOperation:"color-burn",mode:"canvas"},t);if(e.url&&"canvas"===e.mode){var n=new Image;n.src=e.url,n.onload=function(){var t,o=n.width,r=n.height,a=s.createCanvas(o,r),c=a.getContext("2d");if(null===c)throw new Error("get context error");c.drawImage(n,0,0,o,r),c.globalCompositeOperation=e.compositeOperation,c.fillStyle=e.fillColor,c.fillRect(0,0,o,r);var h=i(a);e.onSuccess&&"function"==typeof e.onSuccess&&(null===(t=e.onSuccess)||void 0===t||t.call(e,h))}}},n}(s);t.BlindWatermark=c,t.Watermark=s}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watermark-js-plus",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "watermark for the browser",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",