html2canvas-pro 2.4.0 → 2.4.1

package/dist/html2canvas-pro.cjs

@@ -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
 */
@@ -8086,6 +8086,39 @@ var CanvasElementContainer = class extends ElementContainer {
 };
 //#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);
@@ -8093,7 +8126,7 @@ var SVGElementContainer = class extends ElementContainer {
 		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);