fix: styles not copied properly in VFXSpan, VFXDiv and VFXP

fand · Jun 17, 2021 · acf2662 · acf2662
1 parent 18fc691
commit acf2662
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/dom-to-canvas.ts b/src/dom-to-canvas.ts
@@ -38,10 +38,14 @@ export default function getCanvasFromElement(
     // Clone element with styles in text attribute
     // to apply styles in SVG
     const newElement = cloneNode(element);
-    const styles = window.getComputedStyle(element, "");
-    const styleText = styles.cssText;
-    newElement.setAttribute("style", styleText);
-    newElement.style.setProperty("margin", "0");
+    const styles = window.getComputedStyle(element);
+    Array.from(styles).forEach(key => {
+        newElement.style.setProperty(
+            key,
+            styles.getPropertyValue(key),
+            styles.getPropertyPriority(key)
+        );
+    });
     newElement.innerHTML = element.innerHTML;
 
     // Wrap the element for text styling