watermark-js-plus 0.9.10 → 0.9.12

package/dist/index.cjs.js

@@ -444,6 +444,43 @@ var bootstrap = (function () {
     }
 });
 
+// import { WatermarkOptions } from '../types'
+var WatermarkCanvas = /** @class */ (function () {
+    function WatermarkCanvas() {
+    }
+    // constructor (args: Partial<WatermarkOptions> = {}) {
+    // }
+    /**
+     * Create an HD canvas.
+     * @param width - width of canvas
+     * @param height - height of canvas
+     */
+    WatermarkCanvas.createCanvas = function (width, height) {
+        var _a;
+        var ratio = window.devicePixelRatio || 1;
+        var canvas = document.createElement('canvas');
+        canvas.width = width * ratio; // actual rendered pixel
+        canvas.height = height * ratio; // actual rendered pixel
+        canvas.style.width = "".concat(width, "px"); // control display size
+        canvas.style.height = "".concat(height, "px"); // control display size
+        (_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.setTransform(ratio, 0, 0, ratio, 0, 0);
+        return canvas;
+    };
+    /**
+     * Clean the canvas
+     * @param canvas
+     */
+    WatermarkCanvas.clearCanvas = function (canvas) {
+        var ctx = canvas.getContext('2d');
+        if (ctx === null) {
+            throw new Error('get context error');
+        }
+        ctx.restore();
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+    };
+    return WatermarkCanvas;
+}());
+
 var GridLayout = /** @class */ (function () {
     function GridLayout(args, partialCanvas) {
         var _a, _b, _c, _d;
@@ -458,7 +495,7 @@ var GridLayout = /** @class */ (function () {
     }
     GridLayout.prototype.draw = function () {
         var _a, _b;
-        var layoutCanvas = Watermark.createCanvas(this.partialWidth * this.cols + this.gap[0] * this.cols, this.partialHeight * this.rows + this.gap[1] * this.rows);
+        var layoutCanvas = WatermarkCanvas.createCanvas(this.partialWidth * this.cols + this.gap[0] * this.cols, this.partialHeight * this.rows + this.gap[1] * this.rows);
         var layoutContext = layoutCanvas.getContext('2d');
         for (var rowIndex = 0; rowIndex < this.rows; rowIndex++) {
             for (var colIndex = 0; colIndex < this.cols; colIndex++) {
@@ -516,26 +553,10 @@ var Watermark = /** @class */ (function () {
         this.props = args;
         this.options = Object.assign({}, initialOptions, args);
         this.changeParentElement(this.options.parent);
-        this.canvas = Watermark.createCanvas(this.options.width, this.options.height);
+        this.canvas = WatermarkCanvas.createCanvas(this.options.width, this.options.height);
         this.recommendOptions = generateRecommendOptions(this.canvas, this.options, this.props);
         bootstrap();
     }
-    /**
-     * Create an HD canvas.
-     * @param width - width of canvas
-     * @param height - height of canvas
-     */
-    Watermark.createCanvas = function (width, height) {
-        var _a;
-        var ratio = window.devicePixelRatio || 1;
-        var canvas = document.createElement('canvas');
-        canvas.width = width * ratio; // actual rendered pixel
-        canvas.height = height * ratio; // actual rendered pixel
-        canvas.style.width = "".concat(width, "px"); // control display size
-        canvas.style.height = "".concat(height, "px"); // control display size
-        (_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.setTransform(ratio, 0, 0, ratio, 0, 0);
-        return canvas;
-    };
     Watermark.prototype.changeOptions = function (args, mode) {
         if (args === void 0) { args = {}; }
         if (mode === void 0) { mode = 'overwrite'; }
@@ -563,7 +584,7 @@ var Watermark = /** @class */ (function () {
                         _e.sent();
                         this.layoutCanvas = renderLayout(this.options, this.canvas);
                         image = convertImage(this.layoutCanvas);
-                        this.clearCanvas();
+                        WatermarkCanvas.clearCanvas(this.canvas);
                         this.watermarkDom = document.createElement('div');
                         watermarkInnerDom = document.createElement('div');
                         this.watermarkDom.__WATERMARK__ = 'watermark';
@@ -635,7 +656,7 @@ var Watermark = /** @class */ (function () {
             });
         }
         this.changeParentElement(this.options.parent);
-        this.canvas = Watermark.createCanvas(this.options.width, this.options.height);
+        this.canvas = WatermarkCanvas.createCanvas(this.options.width, this.options.height);
         this.recommendOptions = generateRecommendOptions(this.canvas, this.options, this.props);
         // document.body?.appendChild(this.canvas)
     };
@@ -982,15 +1003,6 @@ var Watermark = /** @class */ (function () {
             characterData: true // 节点内容或节点文本的变动。
         });
     };
-    Watermark.prototype.clearCanvas = function () {
-        var ctx = this.canvas.getContext('2d');
-        if (ctx === null) {
-            throw new Error('get context error');
-        }
-        ctx.restore();
-        ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-        // this.canvas.width = this.options.w
-    };
     return Watermark;
 }());
 
@@ -1029,7 +1041,7 @@ var BlindWatermark = /** @class */ (function (_super) {
             img_1.onload = function () {
                 var _a;
                 var width = img_1.width, height = img_1.height;
-                var canvas = Watermark.createCanvas(width, height);
+                var canvas = WatermarkCanvas.createCanvas(width, height);
                 var ctx = canvas.getContext('2d');
                 if (ctx === null) {
                     throw new Error('get context error');