html2canvas-pro 2.1.0 → 2.1.1

package/dist/html2canvas-pro.js

@@ -1,5 +1,5 @@
 /*!
- * html2canvas-pro 2.1.0 <https://yorickshan.github.io/html2canvas-pro/>
+ * html2canvas-pro 2.1.1 <https://yorickshan.github.io/html2canvas-pro/>
  * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
  * Released under MIT License
  */
@@ -6487,7 +6487,7 @@
         canvas.height = size;
         const ctx = canvas.getContext('2d');
         if (!ctx) {
-            return Promise.reject(false);
+            return Promise.reject(new Error('Failed to get 2D rendering context'));
         }
         ctx.fillStyle = 'rgb(0, 255, 0)';
         ctx.fillRect(0, 0, size, size);
@@ -6509,7 +6509,7 @@
             // Firefox 55 does not render inline <img /> tags
             return isGreenPixel(data)
                 ? loadSerializedSVG(createForeignObjectSVG(size, size, 0, 0, node))
-                : Promise.reject(false);
+                : Promise.reject(new Error('ForeignObject rendering not supported'));
         })
             .then((img) => {
             ctx.drawImage(img, 0, 0);
@@ -9027,6 +9027,9 @@
             canvas.width = width;
             canvas.height = height;
             const ctx = canvas.getContext('2d');
+            if (!ctx) {
+                return;
+            }
             const gradient = ctx.createLinearGradient(x0, y0, x1, y1);
             processColorStops(backgroundImage.stops, lineLength || 1).forEach((colorStop) => gradient.addColorStop(colorStop.stop, asString(colorStop.color)));
             ctx.fillStyle = gradient;
@@ -9108,6 +9111,9 @@
             canvas.width = Math.max(1, width);
             canvas.height = Math.max(1, height);
             const ctx = canvas.getContext('2d');
+            if (!ctx) {
+                return image;
+            }
             // Apply image smoothing based on CSS image-rendering property
             if (imageRendering === exports.IMAGE_RENDERING.PIXELATED || imageRendering === exports.IMAGE_RENDERING.CRISP_EDGES) {
                 this.context.logger.debug(`Disabling image smoothing for background image due to CSS image-rendering`);
@@ -10132,7 +10138,11 @@
             this.context = context;
             this.options = options;
             this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-            this.ctx = this.canvas.getContext('2d');
+            const ctx = this.canvas.getContext('2d');
+            if (!ctx) {
+                throw new Error('Failed to get 2D rendering context from canvas');
+            }
+            this.ctx = ctx;
             if (!options.canvas) {
                 this.canvas.width = Math.floor(options.width * options.scale);
                 this.canvas.height = Math.floor(options.height * options.scale);
@@ -10567,7 +10577,11 @@
             this.context = context;
             this.options = options;
             this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-            this.ctx = this.canvas.getContext('2d');
+            const ctx = this.canvas.getContext('2d');
+            if (!ctx) {
+                throw new Error('Failed to get 2D rendering context from canvas');
+            }
+            this.ctx = ctx;
             this.canvas.width = Math.floor(options.width * options.scale);
             this.canvas.height = Math.floor(options.height * options.scale);
             this.canvas.style.width = `${options.width}px`;
@@ -10849,8 +10863,8 @@
     const isRenderable = (src) => FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src);
     const isInlineImage = (src) => INLINE_IMG.test(src);
     const isInlineBase64Image = (src) => INLINE_BASE64.test(src);
-    const isBlobImage = (src) => src.substr(0, 4) === 'blob';
-    const isSVG = (src) => src.substr(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src);
+    const isBlobImage = (src) => src.substring(0, 4) === 'blob';
+    const isSVG = (src) => src.slice(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src);
 
     /**
      * Origin Checker