@versa_ai/vmml-editor 1.0.47 → 1.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versa_ai/vmml-editor",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "module": "dist/index.mjs",
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",

package/src/components/EditorCanvas.tsx

@@ -327,7 +327,8 @@ const EditorCanvas = forwardRef(
 		}
 
 		const createTextObjs = async ({ strokeW, stColor, fontAssetUrl = null, letterSpace, bgColor, textContent, textBasicInfo, textColor }: any) => {
-
+			const { width, height } = vmml.template.dimension;
+			const fontSize = getFontSize(width, height);
 			// 加载字体
 			let fontFamily = 'sansMedium';
 			if (fontAssetUrl) {
@@ -340,7 +341,12 @@ const EditorCanvas = forwardRef(
 			const lines = textContent.split('\n').filter((item: string) => item);
 
 			const lineHeight = 22 + strokeW; // 行高
-			const paddingX = 7; // 左右内边距
+			// const paddingX = 7; // 左右内边距
+			// const paddingY = 7; // 上下内边距
+			// const round = 4; // 圆角
+			const paddingX = 60 * 22 / fontSize // 基于player做的修改
+			const paddingY = 50 * 22 / fontSize // 基于player做的修改
+			const round = 40 * 22 / fontSize // 基于player做的修改
 			const groupWidth = Math.max(...lines.map((l: any) => {
 				let options: any = { fontSize: 22, fontFamily, strokeWidth: strokeW ?? 0 }
 				if (letterSpace) options.charSpacing = letterSpace
@@ -402,12 +408,12 @@ const EditorCanvas = forwardRef(
 			// 背景矩形
 			const bgRect = new fabric.Rect({
 				width: groupWidth,
-				height: groupHeight + 13, // padddingY: 6.5
+				height: groupHeight + paddingY * 2, // padddingY: 6.5
 				fill: bgColor,
 				originX: 'left',
 				originY: 'center',
-				rx: 5,
-				ry: 5,
+				rx: round,
+				ry: round,
 			});
 			return {
 				objects: [bgRect, ...textObjs],
@@ -425,7 +431,6 @@ const EditorCanvas = forwardRef(
 				const fontSize = getFontSize(width, height);
 
 				const { textContent, backgroundColor, textColor, posParam, fontAssetUrl, alignType, strokeColor, strokeWidth, letterSpacing } = clip.textClip;
-				// textContent = 'ฉันคือไมโครเวฟที่ครบทุกฟังก์\nชัน\nใครเห็นก็ต้องว้าว\n这是修改的啊啊啊啊'
 				const scaleX = posParam.scaleX * fontSize / 22 / widthScaleRef.current;
 				const scaleY = posParam.scaleY * fontSize / 22 / heightScaleRef.current;
 				const left = canvasSize.width * posParam.centerX;