html2canvas-pro 2.2.0 → 2.2.2

package/dist/html2canvas-pro.js

@@ -1,5 +1,5 @@
 /*!
-* html2canvas-pro 2.2.0 <https://yorickshan.github.io/html2canvas-pro/>
+* html2canvas-pro 2.2.2 <https://yorickshan.github.io/html2canvas-pro/>
 * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
 * Released under MIT License
 */
@@ -6301,11 +6301,13 @@
 			valueCache = /* @__PURE__ */ new Map();
 			parseCache.set(descriptor, valueCache);
 		}
-		if (valueCache.size >= 200) {
-			const oldestKey = valueCache.keys().next().value;
-			valueCache.delete(oldestKey);
+		if (!(descriptor.type === 3 && descriptor.format === "image")) {
+			if (valueCache.size >= 200) {
+				const oldestKey = valueCache.keys().next().value;
+				valueCache.delete(oldestKey);
+			}
+			valueCache.set(rawValue, result);
 		}
-		valueCache.set(rawValue, result);
 		return result;
 	};
 	//#endregion
@@ -8447,9 +8449,18 @@
 	};
 	var FilterEffect = class {
 		constructor(filterString) {
-			this.filterString = filterString;
 			this.type = 5;
 			this.target = 6;
+			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;
 		}
 	};
 	const isTransformEffect = (effect) => effect.type === 0;
@@ -9904,7 +9915,15 @@
 				this.ctx.clip();
 			} else if (isClipPathEffect(effect)) effect.applyClip(this.ctx);
 			else if (isBlendEffect(effect)) this.ctx.globalCompositeOperation = effect.compositeOperation;
-			else if (isFilterEffect(effect)) this.ctx.filter = effect.filterString;
+			else if (isFilterEffect(effect)) {
+				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);
 		}
 		/**
@@ -10721,7 +10740,8 @@
 			imageTimeout: opts.imageTimeout ?? 15e3,
 			proxy: opts.proxy,
 			useCORS: opts.useCORS ?? false,
-			customIsSameOrigin: opts.customIsSameOrigin
+			customIsSameOrigin: opts.customIsSameOrigin,
+			maxCacheSize: opts.maxCacheSize
 		};
 		const contextOptions = {
 			logging: opts.logging ?? true,