html2canvas-pro 1.5.7 → 1.5.9

package/README.md

@@ -14,7 +14,8 @@ Next generation JavaScript screenshots tool.
   <a href="https://www.jsdelivr.com/package/npm/html2canvas-pro"><img src="https://data.jsdelivr.com/v1/package/npm/html2canvas-pro/badge" /></a>
 <p>
 <p align="center">
- <a href="https://yorickshan.github.io/html2canvas-pro/">Documentation</a> | <a href="https://yorickshan.github.io/html2canvas-pro/getting-started.html">Getting Started</a>
+  <a href="https://yorickshan.github.io/html2canvas-pro/getting-started.html">Getting Started</a>
+  | <a href="https://deepwiki.com/yorickshan/html2canvas-pro">DeepWiki</a>
 </p>
 <br>
 
@@ -56,6 +57,8 @@ html2canvas(document.body).then(function(canvas) {
 
 If you want to add some features, feel free to submit PR.
 
+If you want to become a maintainer on it, please contact me.
+
 ## License
 
 [MIT](LICENSE).

package/dist/html2canvas-pro.esm.js

@@ -1,9 +1,9 @@
 /*!
- * undefined 1.5.7 <https://yorickshan.github.io/html2canvas-pro/>
- * Copyright (c) 2024 yorickshan <https://github.com/yorickshan>
+ * html2canvas-pro 1.5.9 <https://yorickshan.github.io/html2canvas-pro/>
+ * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
  * Released under MIT License
  */
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -17,7 +17,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -61,7 +61,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -90,8 +90,13 @@ function __spreadArray(to, from, pack) {
             ar[i] = from[i];
         }
     }
-    return to.concat(ar || from);
-}
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var Bounds = /** @class */ (function () {
     function Bounds(left, top, width, height) {
@@ -6463,8 +6468,8 @@ var iframeLoader = function (iframe) {
     });
 };
 var ignoredStyleProperties = [
-    'all',
-    'd',
+    'all', // #2476
+    'd', // #2483
     'content' // Safari shows pseudoelements if content is set
 ];
 var copyCSSStyles = function (style, target) {
@@ -7594,15 +7599,14 @@ var CanvasRenderer = /** @class */ (function (_super) {
     };
     CanvasRenderer.prototype.renderTextNode = function (text, styles) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, font, fontFamily, fontSize, baseline, paintOrder;
+            var font, paintOrder;
             var _this = this;
-            return __generator(this, function (_b) {
-                _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
+            return __generator(this, function (_a) {
+                font = this.createFontStyle(styles)[0];
                 this.ctx.font = font;
                 this.ctx.direction = styles.direction === 1 /* DIRECTION.RTL */ ? 'rtl' : 'ltr';
                 this.ctx.textAlign = 'left';
                 this.ctx.textBaseline = 'alphabetic';
-                baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
                 paintOrder = styles.paintOrder;
                 text.textBounds.forEach(function (text) {
                     paintOrder.forEach(function (paintOrderLayer) {
@@ -7652,7 +7656,7 @@ var CanvasRenderer = /** @class */ (function (_super) {
                                     _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                     _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
-                                    _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
+                                    _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + text.bounds.height);
                                 }
                                 _this.ctx.strokeStyle = '';
                                 _this.ctx.lineWidth = 0;
@@ -7754,7 +7758,7 @@ var CanvasRenderer = /** @class */ (function (_super) {
     };
     CanvasRenderer.prototype.renderNodeContent = function (paint) {
         return __awaiter(this, void 0, void 0, function () {
-            var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
+            var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, font, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, font, bounds;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
@@ -7854,9 +7858,9 @@ var CanvasRenderer = /** @class */ (function (_super) {
                             }
                         }
                         if (isTextInputElement(container) && container.value.length) {
-                            _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
+                            _b = this.createFontStyle(styles), font = _b[0], fontFamily = _b[1], fontSize = _b[2];
                             baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
-                            this.ctx.font = fontFamily;
+                            this.ctx.font = font;
                             this.ctx.fillStyle = asString(styles.color);
                             this.ctx.textBaseline = 'alphabetic';
                             this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
@@ -7905,8 +7909,8 @@ var CanvasRenderer = /** @class */ (function (_super) {
                     case 18: return [3 /*break*/, 20];
                     case 19:
                         if (paint.listValue && container.styles.listStyleType !== -1 /* LIST_STYLE_TYPE.NONE */) {
-                            fontFamily = this.createFontStyle(styles)[0];
-                            this.ctx.font = fontFamily;
+                            font = this.createFontStyle(styles)[0];
+                            this.ctx.font = font;
                             this.ctx.fillStyle = asString(styles.color);
                             this.ctx.textBaseline = 'middle';
                             this.ctx.textAlign = 'right';
@@ -8136,7 +8140,7 @@ var CanvasRenderer = /** @class */ (function (_super) {
                                             canvas.height = height;
                                             ctx = canvas.getContext('2d');
                                             gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
-                                            processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
+                                            processColorStops(backgroundImage.stops, lineLength || 1).forEach(function (colorStop) {
                                                 return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
                                             });
                                             ctx.fillStyle = gradient_1;