fix 新增海报上二维码

@@ -10,14 +10,20 @@
       </div>
       </div>
       <div v-if="flag" style="border: 1.5px solid #9C8882; box-shadow: 8px 8px 8px 0px rgba(156,136,130,1); height: 100%;">
       <div v-if="flag" style="border: 1.5px solid #9C8882; box-shadow: 8px 8px 8px 0px rgba(156,136,130,1); height: 100%;">
         <div ref="canvasRef" class="poster-contain" style="">
         <div ref="canvasRef" class="poster-contain" style="">
-          <div v-if="tree_data?.name" class="poster-text-boxer">
+          <!-- <div v-if="tree_data?.name" class="poster-text-boxer">
             <div class="poster-text">
             <div class="poster-text">
               <div class="name">{{ tree_data?.name }}</div>
               <div class="name">{{ tree_data?.name }}</div>
               <div class="nickname">{{ tree_data?.nickname }}</div>
               <div class="nickname">{{ tree_data?.nickname }}</div>
             </div>
             </div>
+          </div> -->
+          <div class="poster-img-boxer">
+            <div :class="'poster-img' + tree_data?.revision" :style="{ backgroundImage: `url(https://cdn.ipadbiz.cn/xfPark/post/public/title/${tree_data?.revision}.png)` }"></div>
           </div>
           </div>
           <div style="position: relative;">
           <div style="position: relative;">
             <img :src="imgSrc">
             <img :src="imgSrc">
+            <div style="position: absolute; left: 5px; bottom: 5px;">
+              <img src="https://cdn.ipadbiz.cn/xfPark/post/public/home_qrcode.1.png" style=" width: 2.5rem; height: 2.5rem;">
+            </div>
             <div style="position: absolute; right: 5px; bottom: 5px;">
             <div style="position: absolute; right: 5px; bottom: 5px;">
               <img src="https://cdn.ipadbiz.cn/xfPark/post/public/logo.1713241695.png" style=" width: 4rem; height: 5rem;">
               <img src="https://cdn.ipadbiz.cn/xfPark/post/public/logo.1713241695.png" style=" width: 4rem; height: 5rem;">
             </div>
             </div>
@@ -187,13 +193,14 @@ const createImage = () => {
       // canvas: canvas,
       // canvas: canvas,
       useCORS: true,//配置允许跨域
       useCORS: true,//配置允许跨域
       scale: DPR(),
       scale: DPR(),
+      // scale: 10,
       // windowWidth: document.body.scrollWidth,
       // windowWidth: document.body.scrollWidth,
       // windowHeight: document.body.scrollHeight,
       // windowHeight: document.body.scrollHeight,
       // x: 0,
       // x: 0,
       // y: window.pageYOffset,
       // y: window.pageYOffset,
       // allowTaint: true,
       // allowTaint: true,
       // background: "#d21f2c", // 一定要添加背景颜色，否则出来的图片，背景全部都是透明的
       // background: "#d21f2c", // 一定要添加背景颜色，否则出来的图片，背景全部都是透明的
-      // dpi: 300 // 处理模糊问题
+      dpi: 500 // 处理模糊问题
     };
     };
     // console.log("获取指定的宽高", width, height, canvas);
     // console.log("获取指定的宽高", width, height, canvas);
     html2canvas(canvasDom, options)
     html2canvas(canvasDom, options)
@@ -340,6 +347,54 @@ const afterRead = async (res) => {
           }
           }
         }
         }
       }
       }
+      .poster-img-boxer {
+        z-index: 10;
+        position: absolute;
+        top: 3rem;
+        left: 2rem;
+        .poster-img1 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 4.5rem;
+          height: 6rem;
+        }
+        .poster-img2 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 4.5rem;
+          height: 6rem;
+        }
+        .poster-img3 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 4.5rem;
+          height: 6rem;
+        }
+        .poster-img4 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 6rem;
+          height: 9rem;
+        }
+        .poster-img5 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 8rem;
+          height: 13rem;
+        }
+        .poster-img6 {
+          position: relative;
+          background-repeat: no-repeat;
+          background-size: contain;
+          width: 4.5rem;
+          height: 6rem;
+        }
+      }
       img {
       img {
         width: 100%;
         width: 100%;
         height: 70vh;
         height: 70vh;