fix: 商品海报标题文字溢出问题

2023-02-12 01:24:13 +08:00
parent b72d358909
commit aaef380558
3 changed files with 5 additions and 3 deletions
@@ -48,7 +48,7 @@
 </template>

 <script setup>
-  import { computed, reactive, getCurrentInstance } from 'vue';
+  import { reactive, getCurrentInstance } from 'vue';
  import sheep from '@/sheep';
  import useCanvas from './useCanvas';

@@ -47,7 +47,8 @@ const goods = (poster) => {
        val: poster.shareInfo.poster.title,
        x: width * 0.04,
        y: width * 1.18,
-        maxWidth: width * 0.92,
+        line: 2,
+        maxWidth: width * 0.91,
        lineHeight: 5,
        paintbrushProps: {
          fillStyle: '#333',
@@ -47,7 +47,8 @@ const groupon = (poster) => {
        val: poster.shareInfo.poster.title,
        x: width * 0.04,
        y: width * 1.18,
-        maxWidth: width * 0.92,
+        maxWidth: width * 0.91,
+        line: 2,
        lineHeight: 5,
        paintbrushProps: {
          fillStyle: '#333',