watermark-js-plus 0.9.13 → 0.10.1

package/dist/index.cjs.js

@@ -31,6 +31,17 @@ function __extends(d, b) {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
 
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -726,12 +737,15 @@ var GridLayout = /** @class */ (function () {
         this.partialCanvas = partialCanvas;
     }
     GridLayout.prototype.draw = function () {
-        var _a, _b;
-        var layoutCanvas = WatermarkCanvas.createCanvas(this.partialWidth * this.cols + this.gap[0] * this.cols, this.partialHeight * this.rows + this.gap[1] * this.rows);
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var layoutCanvas = WatermarkCanvas.createCanvas(((_a = this.options.gridLayoutOptions) === null || _a === void 0 ? void 0 : _a.width) || (this.partialWidth * this.cols + this.gap[0] * this.cols), ((_b = this.options.gridLayoutOptions) === null || _b === void 0 ? void 0 : _b.height) || (this.partialHeight * this.rows + this.gap[1] * this.rows));
         var layoutContext = layoutCanvas.getContext('2d');
+        if ((_c = this.options.gridLayoutOptions) === null || _c === void 0 ? void 0 : _c.backgroundImage) {
+            layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.drawImage((_d = this.options.gridLayoutOptions) === null || _d === void 0 ? void 0 : _d.backgroundImage, 0, 0, (_e = this.options.gridLayoutOptions) === null || _e === void 0 ? void 0 : _e.width, (_f = this.options.gridLayoutOptions) === null || _f === void 0 ? void 0 : _f.height);
+        }
         for (var rowIndex = 0; rowIndex < this.rows; rowIndex++) {
             for (var colIndex = 0; colIndex < this.cols; colIndex++) {
-                if (!((_b = (_a = this.matrix) === null || _a === void 0 ? void 0 : _a[rowIndex]) === null || _b === void 0 ? void 0 : _b[colIndex])) {
+                if (!((_h = (_g = this.matrix) === null || _g === void 0 ? void 0 : _g[rowIndex]) === null || _h === void 0 ? void 0 : _h[colIndex])) {
                     continue;
                 }
                 layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.drawImage(this.partialCanvas, this.partialWidth * colIndex + this.gap[0] * colIndex, this.partialHeight * rowIndex + this.gap[1] * rowIndex, this.partialWidth, this.partialHeight);
@@ -1064,6 +1078,50 @@ var BlindWatermark = /** @class */ (function (_super) {
     return BlindWatermark;
 }(Watermark));
 
+/**
+ * ImageWatermark class
+ */
+var ImageWatermark = /** @class */ (function () {
+    /**
+     * ImageWatermark constructor
+     * @param args - image watermark args
+     */
+    function ImageWatermark(args) {
+        if (args === void 0) { args = {}; }
+        var _a;
+        this.drew = false;
+        this.props = args;
+        this.options = Object.assign({}, initialOptions, args);
+        this.watermarkCanvas = new WatermarkCanvas(this.props, this.options);
+        this.originalSrc = (_a = this.props.dom) === null || _a === void 0 ? void 0 : _a.src;
+        this.backgroundImage = this.getBackgroundImage();
+    }
+    ImageWatermark.prototype.create = function () {
+        var _a, _b, _c, _d, _e;
+        if (this.drew) {
+            return;
+        }
+        (_a = this.watermarkCanvas) === null || _a === void 0 ? void 0 : _a.draw();
+        this.options.layout = 'grid';
+        this.options.gridLayoutOptions = __assign(__assign({}, this.options.gridLayoutOptions), { width: (_b = this.backgroundImage) === null || _b === void 0 ? void 0 : _b.width, height: (_c = this.backgroundImage) === null || _c === void 0 ? void 0 : _c.height, backgroundImage: this.backgroundImage });
+        this.layoutCanvas = renderLayout(this.options, (_d = this.watermarkCanvas) === null || _d === void 0 ? void 0 : _d.getCanvas());
+        this.options.dom.src = convertImage(this.layoutCanvas);
+        (_e = this.watermarkCanvas) === null || _e === void 0 ? void 0 : _e.clear();
+        this.drew = true;
+    };
+    ImageWatermark.prototype.destroy = function () {
+        this.options.dom.src = this.originalSrc;
+        this.drew = false;
+    };
+    ImageWatermark.prototype.getBackgroundImage = function () {
+        if (this.options.dom) {
+            return this.options.dom;
+        }
+    };
+    return ImageWatermark;
+}());
+
 exports.BlindWatermark = BlindWatermark;
+exports.ImageWatermark = ImageWatermark;
 exports.Watermark = Watermark;
 //# sourceMappingURL=index.cjs.js.map