watermark-js-plus 1.6.5 → 1.6.6

package/dist/es/src/core/blind-decode.js

@@ -0,0 +1,16 @@
+var blindDecodeFallback;
+var applyBlindDecodeComposite = function (_a) {
+    var ctx = _a.ctx, width = _a.width, height = _a.height, fillColor = _a.fillColor, compositeOperation = _a.compositeOperation, compositeTimes = _a.compositeTimes;
+    if (!(compositeTimes > 0)) {
+        return;
+    }
+    ctx.globalCompositeOperation;
+    ctx.globalCompositeOperation = compositeOperation;
+    if (ctx.globalCompositeOperation !== compositeOperation && blindDecodeFallback) ;
+    ctx.fillStyle = fillColor;
+    for (var i = 0; i < compositeTimes; i++) {
+        ctx.fillRect(0, 0, width, height);
+    }
+};
+
+export { applyBlindDecodeComposite };

package/dist/es/src/core/blind.js

@@ -2,6 +2,7 @@ import { __extends, __assign, __awaiter, __generator } from '../../node_modules/
 import { convertImage, isFunction } from '../utils/index.js';
 import { Watermark } from './watermark.js';
 import { WatermarkCanvas } from './canvas.js';
+import { applyBlindDecodeComposite } from './blind-decode.js';
 import protection from '../utils/protection.js';
 
 /**
@@ -64,11 +65,14 @@ var BlindWatermark = /** @class */ (function (_super) {
                     throw new Error('get context error');
                 }
                 ctx.drawImage(img_1, 0, 0, width, height);
-                ctx.globalCompositeOperation = compositeOperation;
-                ctx.fillStyle = fillColor;
-                for (var i = 0; i < compositeTimes; i++) {
-                    ctx.fillRect(0, 0, width, height);
-                }
+                applyBlindDecodeComposite({
+                    ctx: ctx,
+                    width: width,
+                    height: height,
+                    fillColor: fillColor,
+                    compositeOperation: compositeOperation,
+                    compositeTimes: compositeTimes,
+                });
                 var resultImage = convertImage(canvas);
                 if (isFunction(onSuccess)) {
                     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resultImage);

package/dist/ie/es/src/compat/ie/blind-decode.js

@@ -0,0 +1,155 @@
+var MAX_CHANNEL_VALUE = 255;
+var overlay = function (backdrop, source) {
+    if (backdrop <= 0.5) {
+        return 2 * backdrop * source;
+    }
+    return 1 - 2 * (1 - backdrop) * (1 - source);
+};
+var colorBurn = function (backdrop, source) {
+    if (backdrop === 1) {
+        return 1;
+    }
+    if (source === 0) {
+        return 0;
+    }
+    return 1 - Math.min(1, (1 - backdrop) / source);
+};
+var getBlendFunction = function (compositeOperation) {
+    switch (compositeOperation) {
+        case 'overlay':
+            return overlay;
+        case 'color-burn':
+            return colorBurn;
+        default:
+            throw new Error("Unsupported blind watermark composite operation: ".concat(compositeOperation));
+    }
+};
+var parseNormalizedColor = function (fillStyle) {
+    var hexColor = /^#([\da-f]{6})$/i.exec(fillStyle);
+    if (hexColor) {
+        return {
+            color: [
+                parseInt(hexColor[1].slice(0, 2), 16),
+                parseInt(hexColor[1].slice(2, 4), 16),
+                parseInt(hexColor[1].slice(4, 6), 16),
+            ],
+            alpha: 1,
+        };
+    }
+    var rgbColor = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)$/i.exec(fillStyle);
+    if (rgbColor) {
+        return {
+            color: [Number(rgbColor[1]), Number(rgbColor[2]), Number(rgbColor[3])],
+            alpha: rgbColor[4] === undefined ? 1 : Math.max(0, Math.min(1, Number(rgbColor[4]))),
+        };
+    }
+    return undefined;
+};
+var getFillColor = function (ctx, fillColor) {
+    var colorCanvas = (ctx.canvas.ownerDocument || document).createElement('canvas');
+    colorCanvas.width = 1;
+    colorCanvas.height = 1;
+    var colorContext = colorCanvas.getContext('2d');
+    if (!colorContext) {
+        throw new Error('get context error');
+    }
+    colorContext.fillStyle = fillColor;
+    if (typeof colorContext.fillStyle === 'string') {
+        var parsedColor = parseNormalizedColor(colorContext.fillStyle);
+        if (parsedColor) {
+            return parsedColor;
+        }
+    }
+    colorContext.fillRect(0, 0, 1, 1);
+    var color = colorContext.getImageData(0, 0, 1, 1).data;
+    return {
+        color: [color[0], color[1], color[2]],
+        alpha: color[3] / MAX_CHANNEL_VALUE,
+    };
+};
+var isOpaque = function (data) {
+    for (var i = 3; i < data.length; i += 4) {
+        if (data[i] !== MAX_CHANNEL_VALUE) {
+            return false;
+        }
+    }
+    return true;
+};
+var applyCommonOpaqueBlend = function (data, sourceColor, compositeOperation, compositeTimes) {
+    var isBlack = sourceColor[0] === 0 && sourceColor[1] === 0 && sourceColor[2] === 0;
+    var isWhite = sourceColor[0] === 1 && sourceColor[1] === 1 && sourceColor[2] === 1;
+    if (compositeOperation === 'color-burn' && (isBlack || isWhite)) {
+        if (isBlack) {
+            for (var offset = 0; offset < data.length; offset += 4) {
+                for (var channel = 0; channel < 3; channel++) {
+                    data[offset + channel] = data[offset + channel] === MAX_CHANNEL_VALUE ? MAX_CHANNEL_VALUE : 0;
+                }
+            }
+        }
+        return true;
+    }
+    if (compositeOperation !== 'overlay' || (!isBlack && !isWhite)) {
+        return false;
+    }
+    var iterations = Math.ceil(compositeTimes);
+    var multiplier = Math.pow(2, Math.min(iterations, 8));
+    for (var offset = 0; offset < data.length; offset += 4) {
+        for (var channel = 0; channel < 3; channel++) {
+            var value = data[offset + channel];
+            data[offset + channel] = isBlack
+                ? Math.max(0, multiplier * value - MAX_CHANNEL_VALUE * (multiplier - 1))
+                : Math.min(MAX_CHANNEL_VALUE, multiplier * value);
+        }
+    }
+    return true;
+};
+var applyOpaqueBlend = function (data, sourceColor, compositeTimes, blend) {
+    for (var i = 0; i < compositeTimes; i++) {
+        for (var offset = 0; offset < data.length; offset += 4) {
+            for (var channel = 0; channel < 3; channel++) {
+                data[offset + channel] =
+                    blend(data[offset + channel] / MAX_CHANNEL_VALUE, sourceColor[channel]) * MAX_CHANNEL_VALUE;
+            }
+        }
+    }
+};
+var applyAlphaBlend = function (data, sourceColor, sourceAlpha, compositeTimes, blend) {
+    for (var i = 0; i < compositeTimes; i++) {
+        for (var offset = 0; offset < data.length; offset += 4) {
+            var backdropAlpha = data[offset + 3] / MAX_CHANNEL_VALUE;
+            var outputAlpha = sourceAlpha + backdropAlpha * (1 - sourceAlpha);
+            for (var channel = 0; channel < 3; channel++) {
+                var backdrop = data[offset + channel] / MAX_CHANNEL_VALUE;
+                var blendedSource = (1 - backdropAlpha) * sourceColor[channel] + backdropAlpha * blend(backdrop, sourceColor[channel]);
+                var premultipliedOutput = sourceAlpha * blendedSource + backdropAlpha * (1 - sourceAlpha) * backdrop;
+                data[offset + channel] = outputAlpha === 0 ? 0 : (premultipliedOutput / outputAlpha) * MAX_CHANNEL_VALUE;
+            }
+            data[offset + 3] = outputAlpha * MAX_CHANNEL_VALUE;
+        }
+    }
+};
+var softwareBlindDecodeFallback = function (_a) {
+    var ctx = _a.ctx, fillColor = _a.fillColor, compositeOperation = _a.compositeOperation, compositeTimes = _a.compositeTimes;
+    var blend = getBlendFunction(compositeOperation);
+    var _b = getFillColor(ctx, fillColor), color = _b.color, alpha = _b.alpha;
+    if (alpha === 0 || !(compositeTimes > 0)) {
+        return;
+    }
+    var imageData = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height);
+    var sourceColor = [
+        color[0] / MAX_CHANNEL_VALUE,
+        color[1] / MAX_CHANNEL_VALUE,
+        color[2] / MAX_CHANNEL_VALUE,
+    ];
+    if (alpha === 1 && isOpaque(imageData.data)) {
+        if (!applyCommonOpaqueBlend(imageData.data, sourceColor, compositeOperation, compositeTimes)) {
+            applyOpaqueBlend(imageData.data, sourceColor, compositeTimes, blend);
+        }
+    }
+    else {
+        applyAlphaBlend(imageData.data, sourceColor, alpha, compositeTimes, blend);
+    }
+    ctx.putImageData(imageData, 0, 0);
+};
+
+export { softwareBlindDecodeFallback };

package/dist/ie/es/src/core/blind-decode.js

@@ -0,0 +1,28 @@
+var blindDecodeFallback;
+var registerBlindDecodeFallback = function (fallback) {
+    blindDecodeFallback = fallback;
+};
+var applyBlindDecodeComposite = function (_a) {
+    var ctx = _a.ctx, width = _a.width, height = _a.height, fillColor = _a.fillColor, compositeOperation = _a.compositeOperation, compositeTimes = _a.compositeTimes;
+    if (!(compositeTimes > 0)) {
+        return;
+    }
+    var previousCompositeOperation = ctx.globalCompositeOperation;
+    ctx.globalCompositeOperation = compositeOperation;
+    if (ctx.globalCompositeOperation !== compositeOperation && blindDecodeFallback) {
+        ctx.globalCompositeOperation = previousCompositeOperation;
+        blindDecodeFallback({
+            ctx: ctx,
+            fillColor: fillColor,
+            compositeOperation: compositeOperation,
+            compositeTimes: compositeTimes,
+        });
+        return;
+    }
+    ctx.fillStyle = fillColor;
+    for (var i = 0; i < compositeTimes; i++) {
+        ctx.fillRect(0, 0, width, height);
+    }
+};
+
+export { applyBlindDecodeComposite, registerBlindDecodeFallback };

package/dist/ie/es/src/core/blind.js

@@ -2,6 +2,7 @@ import { __extends, __assign, __awaiter, __generator } from '../../node_modules/
 import { convertImage, isFunction } from '../utils/index.js';
 import { Watermark } from './watermark.js';
 import { WatermarkCanvas } from './canvas.js';
+import { applyBlindDecodeComposite } from './blind-decode.js';
 import protection from '../utils/protection.js';
 
 /**
@@ -64,11 +65,14 @@ var BlindWatermark = /** @class */ (function (_super) {
                     throw new Error('get context error');
                 }
                 ctx.drawImage(img_1, 0, 0, width, height);
-                ctx.globalCompositeOperation = compositeOperation;
-                ctx.fillStyle = fillColor;
-                for (var i = 0; i < compositeTimes; i++) {
-                    ctx.fillRect(0, 0, width, height);
-                }
+                applyBlindDecodeComposite({
+                    ctx: ctx,
+                    width: width,
+                    height: height,
+                    fillColor: fillColor,
+                    compositeOperation: compositeOperation,
+                    compositeTimes: compositeTimes,
+                });
                 var resultImage = convertImage(canvas);
                 if (isFunction(onSuccess)) {
                     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resultImage);

package/dist/ie/es/src/index.ie.js

@@ -4,6 +4,10 @@ import '../_virtual/es.array.includes.js';
 import '../_virtual/es.array.fill.js';
 import '../node_modules/whatwg-fetch/fetch.js';
 import './utils/polyfill.js';
+import { registerBlindDecodeFallback } from './core/blind-decode.js';
+import { softwareBlindDecodeFallback } from './compat/ie/blind-decode.js';
 export { Watermark } from './core/watermark.js';
 export { BlindWatermark } from './core/blind.js';
 export { ImageWatermark } from './core/image.js';
+
+registerBlindDecodeFallback(softwareBlindDecodeFallback);

package/dist/ie/index.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * watermark-js-plus v1.6.5
+ * watermark-js-plus v1.6.6
  * (c) 2022-2024 Michael Sun
  * Released under the MIT License.
  */
@@ -4273,6 +4273,187 @@ if (typeof CanvasRenderingContext2D !== 'undefined' && !CanvasRenderingContext2D
     };
 }
 
+var blindDecodeFallback;
+var registerBlindDecodeFallback = function (fallback) {
+    blindDecodeFallback = fallback;
+};
+var applyBlindDecodeComposite = function (_a) {
+    var ctx = _a.ctx, width = _a.width, height = _a.height, fillColor = _a.fillColor, compositeOperation = _a.compositeOperation, compositeTimes = _a.compositeTimes;
+    if (!(compositeTimes > 0)) {
+        return;
+    }
+    var previousCompositeOperation = ctx.globalCompositeOperation;
+    ctx.globalCompositeOperation = compositeOperation;
+    if (ctx.globalCompositeOperation !== compositeOperation && blindDecodeFallback) {
+        ctx.globalCompositeOperation = previousCompositeOperation;
+        blindDecodeFallback({
+            ctx: ctx,
+            fillColor: fillColor,
+            compositeOperation: compositeOperation,
+            compositeTimes: compositeTimes,
+        });
+        return;
+    }
+    ctx.fillStyle = fillColor;
+    for (var i = 0; i < compositeTimes; i++) {
+        ctx.fillRect(0, 0, width, height);
+    }
+};
+
+var MAX_CHANNEL_VALUE = 255;
+var overlay = function (backdrop, source) {
+    if (backdrop <= 0.5) {
+        return 2 * backdrop * source;
+    }
+    return 1 - 2 * (1 - backdrop) * (1 - source);
+};
+var colorBurn = function (backdrop, source) {
+    if (backdrop === 1) {
+        return 1;
+    }
+    if (source === 0) {
+        return 0;
+    }
+    return 1 - Math.min(1, (1 - backdrop) / source);
+};
+var getBlendFunction = function (compositeOperation) {
+    switch (compositeOperation) {
+        case 'overlay':
+            return overlay;
+        case 'color-burn':
+            return colorBurn;
+        default:
+            throw new Error("Unsupported blind watermark composite operation: ".concat(compositeOperation));
+    }
+};
+var parseNormalizedColor = function (fillStyle) {
+    var hexColor = /^#([\da-f]{6})$/i.exec(fillStyle);
+    if (hexColor) {
+        return {
+            color: [
+                parseInt(hexColor[1].slice(0, 2), 16),
+                parseInt(hexColor[1].slice(2, 4), 16),
+                parseInt(hexColor[1].slice(4, 6), 16),
+            ],
+            alpha: 1,
+        };
+    }
+    var rgbColor = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)$/i.exec(fillStyle);
+    if (rgbColor) {
+        return {
+            color: [Number(rgbColor[1]), Number(rgbColor[2]), Number(rgbColor[3])],
+            alpha: rgbColor[4] === undefined ? 1 : Math.max(0, Math.min(1, Number(rgbColor[4]))),
+        };
+    }
+    return undefined;
+};
+var getFillColor = function (ctx, fillColor) {
+    var colorCanvas = (ctx.canvas.ownerDocument || document).createElement('canvas');
+    colorCanvas.width = 1;
+    colorCanvas.height = 1;
+    var colorContext = colorCanvas.getContext('2d');
+    if (!colorContext) {
+        throw new Error('get context error');
+    }
+    colorContext.fillStyle = fillColor;
+    if (typeof colorContext.fillStyle === 'string') {
+        var parsedColor = parseNormalizedColor(colorContext.fillStyle);
+        if (parsedColor) {
+            return parsedColor;
+        }
+    }
+    colorContext.fillRect(0, 0, 1, 1);
+    var color = colorContext.getImageData(0, 0, 1, 1).data;
+    return {
+        color: [color[0], color[1], color[2]],
+        alpha: color[3] / MAX_CHANNEL_VALUE,
+    };
+};
+var isOpaque = function (data) {
+    for (var i = 3; i < data.length; i += 4) {
+        if (data[i] !== MAX_CHANNEL_VALUE) {
+            return false;
+        }
+    }
+    return true;
+};
+var applyCommonOpaqueBlend = function (data, sourceColor, compositeOperation, compositeTimes) {
+    var isBlack = sourceColor[0] === 0 && sourceColor[1] === 0 && sourceColor[2] === 0;
+    var isWhite = sourceColor[0] === 1 && sourceColor[1] === 1 && sourceColor[2] === 1;
+    if (compositeOperation === 'color-burn' && (isBlack || isWhite)) {
+        if (isBlack) {
+            for (var offset = 0; offset < data.length; offset += 4) {
+                for (var channel = 0; channel < 3; channel++) {
+                    data[offset + channel] = data[offset + channel] === MAX_CHANNEL_VALUE ? MAX_CHANNEL_VALUE : 0;
+                }
+            }
+        }
+        return true;
+    }
+    if (compositeOperation !== 'overlay' || (!isBlack && !isWhite)) {
+        return false;
+    }
+    var iterations = Math.ceil(compositeTimes);
+    var multiplier = Math.pow(2, Math.min(iterations, 8));
+    for (var offset = 0; offset < data.length; offset += 4) {
+        for (var channel = 0; channel < 3; channel++) {
+            var value = data[offset + channel];
+            data[offset + channel] = isBlack
+                ? Math.max(0, multiplier * value - MAX_CHANNEL_VALUE * (multiplier - 1))
+                : Math.min(MAX_CHANNEL_VALUE, multiplier * value);
+        }
+    }
+    return true;
+};
+var applyOpaqueBlend = function (data, sourceColor, compositeTimes, blend) {
+    for (var i = 0; i < compositeTimes; i++) {
+        for (var offset = 0; offset < data.length; offset += 4) {
+            for (var channel = 0; channel < 3; channel++) {
+                data[offset + channel] =
+                    blend(data[offset + channel] / MAX_CHANNEL_VALUE, sourceColor[channel]) * MAX_CHANNEL_VALUE;
+            }
+        }
+    }
+};
+var applyAlphaBlend = function (data, sourceColor, sourceAlpha, compositeTimes, blend) {
+    for (var i = 0; i < compositeTimes; i++) {
+        for (var offset = 0; offset < data.length; offset += 4) {
+            var backdropAlpha = data[offset + 3] / MAX_CHANNEL_VALUE;
+            var outputAlpha = sourceAlpha + backdropAlpha * (1 - sourceAlpha);
+            for (var channel = 0; channel < 3; channel++) {
+                var backdrop = data[offset + channel] / MAX_CHANNEL_VALUE;
+                var blendedSource = (1 - backdropAlpha) * sourceColor[channel] + backdropAlpha * blend(backdrop, sourceColor[channel]);
+                var premultipliedOutput = sourceAlpha * blendedSource + backdropAlpha * (1 - sourceAlpha) * backdrop;
+                data[offset + channel] = outputAlpha === 0 ? 0 : (premultipliedOutput / outputAlpha) * MAX_CHANNEL_VALUE;
+            }
+            data[offset + 3] = outputAlpha * MAX_CHANNEL_VALUE;
+        }
+    }
+};
+var softwareBlindDecodeFallback = function (_a) {
+    var ctx = _a.ctx, fillColor = _a.fillColor, compositeOperation = _a.compositeOperation, compositeTimes = _a.compositeTimes;
+    var blend = getBlendFunction(compositeOperation);
+    var _b = getFillColor(ctx, fillColor), color = _b.color, alpha = _b.alpha;
+    if (alpha === 0 || !(compositeTimes > 0)) {
+        return;
+    }
+    var imageData = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height);
+    var sourceColor = [
+        color[0] / MAX_CHANNEL_VALUE,
+        color[1] / MAX_CHANNEL_VALUE,
+        color[2] / MAX_CHANNEL_VALUE,
+    ];
+    if (alpha === 1 && isOpaque(imageData.data)) {
+        if (!applyCommonOpaqueBlend(imageData.data, sourceColor, compositeOperation, compositeTimes)) {
+            applyOpaqueBlend(imageData.data, sourceColor, compositeTimes, blend);
+        }
+    }
+    else {
+        applyAlphaBlend(imageData.data, sourceColor, alpha, compositeTimes, blend);
+    }
+    ctx.putImageData(imageData, 0, 0);
+};
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -5514,11 +5695,14 @@ var BlindWatermark = /** @class */ (function (_super) {
                     throw new Error('get context error');
                 }
                 ctx.drawImage(img_1, 0, 0, width, height);
-                ctx.globalCompositeOperation = compositeOperation;
-                ctx.fillStyle = fillColor;
-                for (var i = 0; i < compositeTimes; i++) {
-                    ctx.fillRect(0, 0, width, height);
-                }
+                applyBlindDecodeComposite({
+                    ctx: ctx,
+                    width: width,
+                    height: height,
+                    fillColor: fillColor,
+                    compositeOperation: compositeOperation,
+                    compositeTimes: compositeTimes,
+                });
                 var resultImage = convertImage(canvas);
                 if (isFunction(onSuccess)) {
                     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resultImage);
@@ -5585,6 +5769,8 @@ var ImageWatermark = /** @class */ (function () {
     return ImageWatermark;
 }());
 
+registerBlindDecodeFallback(softwareBlindDecodeFallback);
+
 exports.BlindWatermark = BlindWatermark;
 exports.ImageWatermark = ImageWatermark;
 exports.Watermark = Watermark;