html2canvas-pro 2.1.0 → 2.1.1

package/dist/html2canvas-pro.esm.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
  */
@@ -6481,7 +6481,7 @@ const testForeignObject = (document) => {
     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);
@@ -6503,7 +6503,7 @@ const testForeignObject = (document) => {
         // 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);
@@ -9021,6 +9021,9 @@ class BackgroundRenderer {
         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;
@@ -9102,6 +9105,9 @@ class BackgroundRenderer {
         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 === IMAGE_RENDERING.PIXELATED || imageRendering === IMAGE_RENDERING.CRISP_EDGES) {
             this.context.logger.debug(`Disabling image smoothing for background image due to CSS image-rendering`);
@@ -10126,7 +10132,11 @@ class CanvasRenderer {
         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);
@@ -10561,7 +10571,11 @@ class ForeignObjectRenderer {
         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`;
@@ -10843,8 +10857,8 @@ const INLINE_IMG = /^data:image\/.*/i;
 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