Przeglądaj źródła

fix:缺陷#33 图形文本换行效果不起作用

Wind-Breaker1 1 rok temu
rodzic
commit
8f66a1df08
2 zmienionych plików z 10 dodań i 1 usunięć
  1. 4 1
      src/views/components/PenProps.vue
  2. 6 0
      src/views/components/pen.ts

+ 4 - 1
src/views/components/PenProps.vue

@@ -737,7 +737,7 @@
                 </div>
                 <div class="form-item">
                   <t-checkbox
-                    v-model="data.pen.whiteSpace"
+                    :value="data.pen.whiteSpace != 'nowrap' ? true : false"
                     @change="changeValue('whiteSpace')"
                     style="width: 64px"
                   >
@@ -1308,6 +1308,9 @@ function initPenData() {
   if (!data.pen.animations) {
     data.pen.animations = [];
   }
+  if (!data.pen.whiteSpace) {
+    data.pen.whiteSpace = 'nowrap';
+  }
   data.pen.shadow = !!data.pen.shadowColor;
 
   getRect();

+ 6 - 0
src/views/components/pen.ts

@@ -31,6 +31,12 @@ export const updatePen = (pen: any, prop: string, render = true) => {
     v.titleFn = null;
   } else if (prop === 'dash') {
     v.lineDash = lineDashObj[v[prop]];
+  } else if (prop === 'whiteSpace') {
+    if(!pen.whiteSpace || pen.whiteSpace == 'nowrap') {
+      v.whiteSpace = 'break-all';
+    } else {
+      v.whiteSpace = 'nowrap';
+    }
   }
   meta2d.setValue(v, { render });
 };