@versa_ai/vmml-editor 1.0.32 → 1.0.33

package/dist/index.mjs

@@ -1439,6 +1439,25 @@ var EditorCanvas = forwardRef(
         return null;
       }
     };
+    const setTextAlign = (p, stroke, direction) => {
+      if (direction === "center") {
+        p.style.justifyContent = "center";
+        stroke.style.left = "50%";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translate(-50%, -50%)";
+      }
+      if (direction === "left") {
+        stroke.style.left = "0";
+        stroke.style.top = "0";
+        stroke.style.transform = "none";
+      }
+      if (direction === "right") {
+        p.style.justifyContent = "flex-end";
+        stroke.style.right = "0";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translateY(-50%)";
+      }
+    };
     const createTextImg = async ({ textContent, bgColor, textColor, stColor, strokeW, fontAssetUrl = null, textBasicInfo, letterSpacing }) => {
       const fontBase64 = await loadFont(fontAssetUrl);
       const container = document.createElement("div");
@@ -1460,7 +1479,6 @@ var EditorCanvas = forwardRef(
         p.style.padding = "0";
         if (letterSpacing) p.style.letterSpacing = `${letterSpacing}px`;
         p.style.zIndex = "2";
-        if (textWarapCenter) p.style.justifyContent = "center";
         const fill = document.createElement("span");
         fill.textContent = line || " ";
         fill.style.color = textColor;
@@ -1472,15 +1490,9 @@ var EditorCanvas = forwardRef(
         stroke.style.color = "transparent";
         stroke.style.webkitTextStrokeWidth = `${strokeW}px`;
         stroke.style.webkitTextStrokeColor = stColor;
-        if (textWarapCenter) {
-          stroke.style.left = "50%";
-          stroke.style.top = "50%";
-          stroke.style.transform = "translate(-50%, -50%)";
-        } else {
-          stroke.style.left = "0";
-          stroke.style.top = "0";
-        }
-        stroke.style.zIndex = "-1";
+        let dr = textBasicInfo.textAlign || "left";
+        if (textWarapCenter) dr = "center";
+        setTextAlign(p, stroke, dr);
         p.appendChild(fill);
         p.appendChild(stroke);
         container.appendChild(p);