html2canvas-pro 2.4.0 → 2.4.1

package/dist/html2canvas-pro.js

@@ -1,5 +1,5 @@
 /*!
-* html2canvas-pro 2.4.0 <https://yorickshan.github.io/html2canvas-pro/>
+* html2canvas-pro 2.4.1 <https://yorickshan.github.io/html2canvas-pro/>
 * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
 * Released under MIT License
 */
@@ -8089,6 +8089,39 @@
 	};
 	//#endregion
 	//#region src/dom/replaced-elements/svg-element-container.ts
+	const BOX_OFFSET_PROPERTIES = [
+		"position",
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"inset-inline",
+		"inset-inline-start",
+		"inset-inline-end",
+		"inset-block",
+		"inset-block-start",
+		"inset-block-end",
+		"margin",
+		"margin-top",
+		"margin-right",
+		"margin-bottom",
+		"margin-left",
+		"margin-inline",
+		"margin-inline-start",
+		"margin-inline-end",
+		"margin-block",
+		"margin-block-start",
+		"margin-block-end"
+	];
+	const serializeWithoutBoxOffsets = (serializer, img) => {
+		const style = img.getAttribute("style");
+		BOX_OFFSET_PROPERTIES.forEach((property) => img.style.removeProperty(property));
+		const serialized = serializer.serializeToString(img);
+		if (style === null) img.removeAttribute("style");
+		else img.setAttribute("style", style);
+		return serialized;
+	};
 	var SVGElementContainer = class extends ElementContainer {
 		constructor(context, img) {
 			super(context, img);
@@ -8096,7 +8129,7 @@
 			const bounds = parseBounds(context, img);
 			img.setAttribute("width", `${bounds.width}px`);
 			img.setAttribute("height", `${bounds.height}px`);
-			this.svg = `data:image/svg+xml,${encodeURIComponent(s.serializeToString(img))}`;
+			this.svg = `data:image/svg+xml,${encodeURIComponent(serializeWithoutBoxOffsets(s, img))}`;
 			this.intrinsicWidth = img.width.baseVal.value;
 			this.intrinsicHeight = img.height.baseVal.value;
 			this.context.cache.addImage(this.svg);