html2canvas-pro 2.2.1 → 2.2.2

package/dist/html2canvas-pro.js

@@ -1,5 +1,5 @@
 /*!
-* html2canvas-pro 2.2.1 <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
 */
@@ -8449,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;
@@ -9907,8 +9916,13 @@
 			} else if (isClipPathEffect(effect)) effect.applyClip(this.ctx);
 			else if (isBlendEffect(effect)) this.ctx.globalCompositeOperation = effect.compositeOperation;
 			else if (isFilterEffect(effect)) {
-				const safe = effect.filterString.replace(/drop-shadow\([^)]+\)\s*/g, "").trim();
-				this.ctx.filter = safe || "none";
+				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);
 		}