html2canvas-pro 2.2.0 → 2.2.2

package/dist/lib/core/render-element.js

@@ -64,7 +64,8 @@ const renderElement = async (element, opts, config) => {
         imageTimeout: opts.imageTimeout ?? 15000,
         proxy: opts.proxy,
         useCORS: opts.useCORS ?? false,
-        customIsSameOrigin: opts.customIsSameOrigin
+        customIsSameOrigin: opts.customIsSameOrigin,
+        maxCacheSize: opts.maxCacheSize
     };
     const contextOptions = {
         logging: opts.logging ?? true,

package/dist/lib/css/index.js

@@ -310,10 +310,16 @@ const parse = (context, descriptor, style) => {
         valueCache = new Map();
         parseCache.set(descriptor, valueCache);
     }
-    if (valueCache.size >= constants_1.PARSE_CACHE_MAX_PER_DESCRIPTOR) {
-        const oldestKey = valueCache.keys().next().value;
-        valueCache.delete(oldestKey);
+    // Skip caching for image descriptors — their parse() has the critical
+    // side effect of calling context.cache.addImage(url) which must run
+    // on every render pass (different cache instances per html2canvas call).
+    const skipCache = descriptor.type === 3 /* PropertyDescriptorParsingType.TYPE_VALUE */ && descriptor.format === 'image';
+    if (!skipCache) {
+        if (valueCache.size >= constants_1.PARSE_CACHE_MAX_PER_DESCRIPTOR) {
+            const oldestKey = valueCache.keys().next().value;
+            valueCache.delete(oldestKey);
+        }
+        valueCache.set(rawValue, result);
     }
-    valueCache.set(rawValue, result);
     return result;
 };

package/dist/lib/render/canvas/effects-renderer.js

@@ -67,7 +67,17 @@ class EffectsRenderer {
             this.ctx.globalCompositeOperation = effect.compositeOperation;
         }
         else if ((0, effects_1.isFilterEffect)(effect)) {
-            this.ctx.filter = effect.filterString;
+            // Apply all filters except drop-shadow() via ctx.filter.
+            // drop-shadow() is rendered separately through ctx.shadow*
+            // because ctx.filter="drop-shadow(...)" taints the canvas
+            // even for same-origin content (Chrome, Firefox).
+            this.ctx.filter = effect.safeFilterString || 'none';
+            if (effect.shadow) {
+                this.ctx.shadowOffsetX = effect.shadow.offsetX;
+                this.ctx.shadowOffsetY = effect.shadow.offsetY;
+                this.ctx.shadowBlur = effect.shadow.blur;
+                this.ctx.shadowColor = effect.shadow.color;
+            }
         }
         this.activeEffects.push(effect);
     }

package/dist/lib/render/effects.js

@@ -76,9 +76,23 @@ class BlendEffect {
 exports.BlendEffect = BlendEffect;
 class FilterEffect {
     constructor(filterString) {
-        this.filterString = filterString;
         this.type = 5 /* EffectType.FILTER */;
         this.target = 2 /* EffectTarget.BACKGROUND_BORDERS */ | 4 /* EffectTarget.CONTENT */;
+        // Parse drop-shadow(...) out of the filter string so we can render it
+        // via ctx.shadow* instead of ctx.filter (which taints the canvas).
+        const dropShadowMatch = filterString.match(/drop-shadow\(\s*([\d.-]+)(px)?\s+([\d.-]+)(px)?\s+([\d.-]+)(px)?\s+(.+?)\s*\)/);
+        if (dropShadowMatch) {
+            this.shadow = {
+                offsetX: parseFloat(dropShadowMatch[1]),
+                offsetY: parseFloat(dropShadowMatch[3]),
+                blur: parseFloat(dropShadowMatch[5]),
+                color: dropShadowMatch[7].trim()
+            };
+            this.safeFilterString = filterString.replace(/drop-shadow\([^)]+\)\s*/g, '').trim();
+        }
+        else {
+            this.safeFilterString = filterString;
+        }
     }
 }
 exports.FilterEffect = FilterEffect;

package/dist/types/render/effects.d.ts

@@ -57,9 +57,17 @@ export declare class BlendEffect implements IElementEffect {
     constructor(mixBlendMode: MixBlendMode);
 }
 export declare class FilterEffect implements IElementEffect {
-    readonly filterString: string;
     readonly type: EffectType;
     readonly target: number;
+    /** CSS filter string with drop-shadow() stripped (safe for ctx.filter). */
+    readonly safeFilterString: string;
+    /** Shadow params for drop-shadow(), if present. */
+    readonly shadow?: {
+        offsetX: number;
+        offsetY: number;
+        blur: number;
+        color: string;
+    };
     constructor(filterString: string);
 }
 export declare const isTransformEffect: (effect: IElementEffect) => effect is TransformEffect;

package/package.json

@@ -19,7 +19,7 @@
       "default": "./dist/html2canvas-pro.esm.js"
     }
   },
-  "version": "2.2.0",
+  "version": "2.2.2",
   "author": {
     "name": "yorickshan",
     "email": "yorickshan@gmail.com",