html2canvas-pro 1.5.1 → 1.5.3

package/dist/html2canvas-pro.js

@@ -1,5 +1,5 @@
 /*!
- * html2canvas-pro 1.5.1 <undefined>
+ * html2canvas-pro 1.5.3 <undefined>
  * Copyright (c) 2024 yorickshan <https://github.com/yorickshan>
  * Released under MIT License
  */
@@ -1809,17 +1809,33 @@
     var extractLabComponents = function (args) {
         var tokens = args.filter(nonFunctionArgSeparator), 
         // eslint-disable-next-line prettier/prettier
-        l = tokens[0].type === 16 /* PERCENTAGE_TOKEN */ ? tokens[0].number / 100 : (isNumberToken(tokens[0]) ? tokens[0].number : 0), 
+        l = tokens[0].type === 16 /* PERCENTAGE_TOKEN */
+            ? tokens[0].number / 100
+            : isNumberToken(tokens[0])
+                ? tokens[0].number
+                : 0, 
         // eslint-disable-next-line prettier/prettier
-        a = tokens[1].type === 16 /* PERCENTAGE_TOKEN */ ? tokens[1].number / 100 : (isNumberToken(tokens[1]) ? tokens[1].number : 0), b = isNumberToken(tokens[2]) || isDimensionToken(tokens[2]) ? tokens[2].number : 0, alpha = typeof tokens[4] !== 'undefined' && isLengthPercentage(tokens[4]) ? getAbsoluteValue(tokens[4], 1) : 1;
+        a = tokens[1].type === 16 /* PERCENTAGE_TOKEN */
+            ? tokens[1].number / 100
+            : isNumberToken(tokens[1])
+                ? tokens[1].number
+                : 0, b = isNumberToken(tokens[2]) || isDimensionToken(tokens[2]) ? tokens[2].number : 0, alpha = typeof tokens[4] !== 'undefined' && isLengthPercentage(tokens[4]) ? getAbsoluteValue(tokens[4], 1) : 1;
         return [l, a, b, alpha];
     };
     var extractOkLchComponents = function (args) {
         var tokens = args.filter(nonFunctionArgSeparator), 
         // eslint-disable-next-line prettier/prettier
-        l = tokens[0].type === 16 /* PERCENTAGE_TOKEN */ ? tokens[0].number / 100 : isNumberToken(tokens[0]) ? tokens[0].number : 0, 
+        l = tokens[0].type === 16 /* PERCENTAGE_TOKEN */
+            ? tokens[0].number / 100
+            : isNumberToken(tokens[0])
+                ? tokens[0].number
+                : 0, 
         // eslint-disable-next-line prettier/prettier
-        c = tokens[1].type === 16 /* PERCENTAGE_TOKEN */ ? tokens[1].number / 100 : isNumberToken(tokens[1]) ? tokens[1].number : 0, h = isNumberToken(tokens[2]) || isDimensionToken(tokens[2]) ? tokens[2].number : 0, a = typeof tokens[4] !== 'undefined' && isLengthPercentage(tokens[4]) ? getAbsoluteValue(tokens[4], 1) : 1;
+        c = tokens[1].type === 16 /* PERCENTAGE_TOKEN */
+            ? tokens[1].number / 100
+            : isNumberToken(tokens[1])
+                ? tokens[1].number
+                : 0, h = isNumberToken(tokens[2]) || isDimensionToken(tokens[2]) ? tokens[2].number : 0, a = typeof tokens[4] !== 'undefined' && isLengthPercentage(tokens[4]) ? getAbsoluteValue(tokens[4], 1) : 1;
         return [l, c, h, a];
     };
     /**
@@ -1830,7 +1846,10 @@
     var d65toD50 = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [1.0479297925449969, 0.022946870601609652, -0.05019226628920524, 0.02962780877005599, 0.9904344267538799, -0.017073799063418826, -0.009243040646204504, 0.015055191490298152, 0.7518742814281371], xyz);
+        [
+            1.0479297925449969, 0.022946870601609652, -0.05019226628920524, 0.02962780877005599, 0.9904344267538799,
+            -0.017073799063418826, -0.009243040646204504, 0.015055191490298152, 0.7518742814281371
+        ], xyz);
     };
     /**
      * Convert D50 to D65
@@ -1840,7 +1859,10 @@
     var d50toD65 = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.955473421488075, -0.02309845494876471, 0.06325924320057072, -0.0283697093338637, 1.0099953980813041, 0.021041441191917323, 0.012314014864481998, -0.020507649298898964, 1.330365926242124], xyz);
+        [
+            0.955473421488075, -0.02309845494876471, 0.06325924320057072, -0.0283697093338637, 1.0099953980813041,
+            0.021041441191917323, 0.012314014864481998, -0.020507649298898964, 1.330365926242124
+        ], xyz);
     };
     var hue2rgb = function (t1, t2, hue) {
         if (hue < 0) {
@@ -1895,10 +1917,16 @@
     var oklab2xyz = function (lab) {
         var LMSg = multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [1, 0.3963377773761749, 0.2158037573099136, 1, -0.1055613458156586, -0.0638541728258133, 1, -0.0894841775298119, -1.2914855480194092], lab), LMS = LMSg.map(function (val) { return Math.pow(val, 3); });
+        [
+            1, 0.3963377773761749, 0.2158037573099136, 1, -0.1055613458156586, -0.0638541728258133, 1,
+            -0.0894841775298119, -1.2914855480194092
+        ], lab), LMS = LMSg.map(function (val) { return Math.pow(val, 3); });
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [1.2268798758459243, -0.5578149944602171, 0.2813910456659647, -0.0405757452148008, 1.112286803280317, -0.0717110580655164, -0.0763729366746601, -0.4214933324022432, 1.5869240198367816], LMS);
+        [
+            1.2268798758459243, -0.5578149944602171, 0.2813910456659647, -0.0405757452148008, 1.112286803280317,
+            -0.0717110580655164, -0.0763729366746601, -0.4214933324022432, 1.5869240198367816
+        ], LMS);
     };
     /**
      * Convert Lab to D50-adapted XYZ
@@ -2035,7 +2063,10 @@
     var xyz2rgbLinear = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [3.2409699419045226, -1.537383177570094, -0.4986107602930034, -0.9692436362808796, 1.8759675015077202, 0.04155505740717559, 0.05563007969699366, -0.20397695888897652, 1.0569715142428786], xyz);
+        [
+            3.2409699419045226, -1.537383177570094, -0.4986107602930034, -0.9692436362808796, 1.8759675015077202,
+            0.04155505740717559, 0.05563007969699366, -0.20397695888897652, 1.0569715142428786
+        ], xyz);
     };
     /**
      * Convert XYZ to linear-light sRGB
@@ -2045,7 +2076,10 @@
     var rgbLinear2xyz = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.41239079926595934, 0.357584339383878, 0.1804807884018343, 0.21263900587151027, 0.715168678767756, 0.07219231536073371, 0.01933081871559182, 0.11919477979462598, 0.9505321522496607], xyz);
+        [
+            0.41239079926595934, 0.357584339383878, 0.1804807884018343, 0.21263900587151027, 0.715168678767756,
+            0.07219231536073371, 0.01933081871559182, 0.11919477979462598, 0.9505321522496607
+        ], xyz);
     };
     /**
      * Convert sRGB to RGB
@@ -2056,7 +2090,7 @@
         return rgb.map(function (c) {
             var sign = c < 0 ? -1 : 1, abs = Math.abs(c);
             // eslint-disable-next-line prettier/prettier
-            return abs > 0.0031308 ? sign * (1.055 * (Math.pow(abs, (1 / 2.4))) - 0.055) : (12.92 * c);
+            return abs > 0.0031308 ? sign * (1.055 * Math.pow(abs, (1 / 2.4)) - 0.055) : 12.92 * c;
         });
     };
     /**
@@ -2068,7 +2102,7 @@
         return rgb.map(function (c) {
             var sign = c < 0 ? -1 : 1, abs = Math.abs(c);
             // eslint-disable-next-line prettier/prettier
-            return abs <= 0.04045 ? c / 12.92 : sign * (Math.pow(((abs + 0.055) / 1.055), 2.4));
+            return abs <= 0.04045 ? c / 12.92 : sign * Math.pow(((abs + 0.055) / 1.055), 2.4);
         });
     };
     /**
@@ -2105,7 +2139,9 @@
     var p3LinearToXyz = function (p3l) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.4865709486482162, 0.26566769316909306, 0.1982172852343625, 0.2289745640697488, 0.6917385218365064, 0.079286914093745, 0.0, 0.04511338185890264, 1.043944368900976
+        [
+            0.4865709486482162, 0.26566769316909306, 0.1982172852343625, 0.2289745640697488, 0.6917385218365064,
+            0.079286914093745, 0.0, 0.04511338185890264, 1.043944368900976
         ], p3l);
     };
     /**
@@ -2116,7 +2152,10 @@
     var xyzToP3Linear = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [2.493496911941425, -0.9313836179191239, -0.40271078445071684, -0.8294889695615747, 1.7626640603183463, 0.023624685841943577, 0.03584583024378447, -0.07617238926804182, 0.9568845240076872], xyz);
+        [
+            2.493496911941425, -0.9313836179191239, -0.40271078445071684, -0.8294889695615747, 1.7626640603183463,
+            0.023624685841943577, 0.03584583024378447, -0.07617238926804182, 0.9568845240076872
+        ], xyz);
     };
     /**
      * Convert P3 to P3 linear
@@ -2130,7 +2169,7 @@
                 return c / 12.92;
             }
             // eslint-disable-next-line prettier/prettier
-            return sign * (Math.pow(((c + 0.055) / 1.055), 2.4)) || 0;
+            return sign * Math.pow(((c + 0.055) / 1.055), 2.4) || 0;
         });
     };
     /**
@@ -2180,7 +2219,10 @@
     var xyz2a98Linear = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [2.0415879038107465, -0.5650069742788596, -0.34473135077832956, -0.9692436362808795, 1.8759675015077202, 0.04155505740717557, 0.013444280632031142, -0.11836239223101838, 1.0151749943912054], xyz);
+        [
+            2.0415879038107465, -0.5650069742788596, -0.34473135077832956, -0.9692436362808795, 1.8759675015077202,
+            0.04155505740717557, 0.013444280632031142, -0.11836239223101838, 1.0151749943912054
+        ], xyz);
     };
     /**
      * Convert XYZ to a98 linear
@@ -2190,7 +2232,10 @@
     var a98Linear2xyz = function (a98) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.5766690429101305, 0.1855582379065463, 0.1882286462349947, 0.29734497525053605, 0.6273635662554661, 0.0752914584939978, 0.02703136138641234, 0.07068885253582723, 0.9913375368376388], a98);
+        [
+            0.5766690429101305, 0.1855582379065463, 0.1882286462349947, 0.29734497525053605, 0.6273635662554661,
+            0.0752914584939978, 0.02703136138641234, 0.07068885253582723, 0.9913375368376388
+        ], a98);
     };
     /**
      * Convert A98 RGB to rgb linear
@@ -2246,7 +2291,10 @@
     var proPhotoLinearToXyz = function (p3) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.79776664490064230, 0.13518129740053308, 0.03134773412839220, 0.28807482881940130, 0.71183523424187300, 0.00008993693872564, 0.0, 0.0, 0.82510460251046020], p3);
+        [
+            0.7977666449006423, 0.13518129740053308, 0.0313477341283922, 0.2880748288194013, 0.711835234241873,
+            0.00008993693872564, 0.0, 0.0, 0.8251046025104602
+        ], p3);
     };
     /**
      * Convert XYZ D65 to linear-light display-p3
@@ -2256,7 +2304,10 @@
     var xyzToProPhotoLinear = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [1.34578688164715830, -0.25557208737979464, -0.05110186497554526, -0.54463070512490190, 1.50824774284514680, 0.02052744743642139, 0.0, 0.0, 1.21196754563894520], xyz);
+        [
+            1.3457868816471583, -0.25557208737979464, -0.05110186497554526, -0.5446307051249019, 1.5082477428451468,
+            0.02052744743642139, 0.0, 0.0, 1.2119675456389452
+        ], xyz);
     };
     /**
      * Convert Pro-Photo to Pro-Photo Linear
@@ -2339,7 +2390,9 @@
     var rec2020LinearToXyz = function (rec) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [0.6369580483012914, 0.14461690358620832, 0.1688809751641721, 0.2627002120112671, 0.6779980715188708, 0.05930171646986196, 0.0, 0.028072693049087428, 1.060985057710791
+        [
+            0.6369580483012914, 0.14461690358620832, 0.1688809751641721, 0.2627002120112671, 0.6779980715188708,
+            0.05930171646986196, 0.0, 0.028072693049087428, 1.060985057710791
         ], rec);
     };
     /**
@@ -2350,7 +2403,10 @@
     var xyzToRec2020Linear = function (xyz) {
         return multiplyMatrices(
         // eslint-disable-next-line prettier/prettier
-        [1.716651187971268, -0.355670783776392, -0.253366281373660, -0.666684351832489, 1.616481236634939, 0.0157685458139111, 0.017639857445311, -0.042770613257809, 0.942103121235474], xyz);
+        [
+            1.716651187971268, -0.355670783776392, -0.25336628137366, -0.666684351832489, 1.616481236634939,
+            0.0157685458139111, 0.017639857445311, -0.042770613257809, 0.942103121235474
+        ], xyz);
     };
     /**
      * Convert Rec2020 to XYZ
@@ -6056,11 +6112,17 @@
                     }
                 });
             }); });
+            var adoptedNode = documentClone.adoptNode(this.documentElement);
+            /**
+             * The baseURI of the document will be lost after documentClone.open().
+             * We can avoid it by adding <base> element.
+             * */
+            addBase(adoptedNode, documentClone);
             documentClone.open();
             documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
             // Chrome scrolls the parent document for some reason after the write to the cloned window???
             restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
-            documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
+            documentClone.replaceChild(adoptedNode, documentClone.documentElement);
             documentClone.close();
             return iframeLoad;
         };
@@ -6138,7 +6200,7 @@
                 clonedCanvas.width = canvas.width;
                 clonedCanvas.height = canvas.height;
                 var ctx = canvas.getContext('2d');
-                var clonedCtx = clonedCanvas.getContext('2d');
+                var clonedCtx = clonedCanvas.getContext('2d', { willReadFrequently: true });
                 if (clonedCtx) {
                     if (!this.options.allowTaint && ctx) {
                         clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
@@ -6468,6 +6530,13 @@
             body.appendChild(style);
         }
     };
+    var addBase = function (targetELement, referenceDocument) {
+        var _a;
+        var baseNode = referenceDocument.createElement('base');
+        baseNode.href = referenceDocument.baseURI;
+        var headEle = targetELement.getElementsByTagName('head').item(0);
+        headEle === null || headEle === void 0 ? void 0 : headEle.insertBefore(baseNode, (_a = headEle === null || headEle === void 0 ? void 0 : headEle.firstChild) !== null && _a !== void 0 ? _a : null);
+    };
 
     var CacheStorage = /** @class */ (function () {
         function CacheStorage() {
@@ -8024,7 +8093,7 @@
                         case 0:
                             index = container.styles.backgroundImage.length - 1;
                             _loop_1 = function (backgroundImage) {
-                                var image, url, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
+                                var image, url, imageWidth, imageHeight, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
                                 return __generator(this, function (_h) {
                                     switch (_h.label) {
                                         case 0:
@@ -8044,10 +8113,12 @@
                                             return [3 /*break*/, 4];
                                         case 4:
                                             if (image) {
+                                                imageWidth = isNaN(image.width) || image.width === 0 ? 1 : image.width;
+                                                imageHeight = isNaN(image.height) || image.height === 0 ? 1 : image.height;
                                                 _c = calculateBackgroundRendering(container, index, [
-                                                    image.width,
-                                                    image.height,
-                                                    image.width / image.height
+                                                    imageWidth,
+                                                    imageHeight,
+                                                    imageWidth / imageHeight
                                                 ]), path = _c[0], x = _c[1], y = _c[2], width = _c[3], height = _c[4];
                                                 pattern = this_1.ctx.createPattern(this_1.resizeImage(image, width, height), 'repeat');
                                                 this_1.renderRepeat(path, pattern, x, y);