html2canvas-pro 2.2.1 → 2.2.2

package/dist/html2canvas-pro.esm.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
 */
@@ -8442,9 +8442,18 @@ var BlendEffect = class {
 };
 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;
@@ -9900,8 +9909,13 @@ var EffectsRenderer = class {
 		} 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);
 	}