dos

Public/static/css/index.css

@@ -643,7 +643,8 @@ input[name=signature]::-webkit-input-placeholder {
   z-index: 1;
   z-index: 1;
 }
 }
 
 
-.posterImg {
+.posterImg,
+.posterImg-true {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   z-index: 1;
   z-index: 1;
@@ -652,6 +653,10 @@ input[name=signature]::-webkit-input-placeholder {
   border: 0;
   border: 0;
 }
 }
 
 
+.posterImg-true {
+  z-index: 2;
+}
+
 /* poster-list-page */
 /* poster-list-page */
 .poster-list-page .poster-list {
 .poster-list-page .poster-list {
   background: url(../image2/posterlist-bg.png) left top repeat-y;
   background: url(../image2/posterlist-bg.png) left top repeat-y;

Public/static/js/common.js

@@ -460,7 +460,8 @@ function createPoster() {
     //计算每行文字数量
     //计算每行文字数量
     wrapNum = calculationWrap();
     wrapNum = calculationWrap();
     $('.poster-list-page').show();
     $('.poster-list-page').show();
-    // $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
+    $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
+    $('.poster-page .poster-canvas-block').append($('<img class="posterImg-true" src="" />'));
     // 创建海报页面的flag列表
     // 创建海报页面的flag列表
     for (let i = 0; i < flagStack.length; i++) {
     for (let i = 0; i < flagStack.length; i++) {
         createList('.poster-list-page .poster-list', flagStack[i], i + 1, wrapNum);
         createList('.poster-list-page .poster-list', flagStack[i], i + 1, wrapNum);
@@ -523,14 +524,18 @@ function createPoster() {
                 posterCtx.drawImage(decorate, pxToRem(169 * 2), pxToRem(285 * 2), pxToRem(300 * 2), pxToRem(150 * 2));
                 posterCtx.drawImage(decorate, pxToRem(169 * 2), pxToRem(285 * 2), pxToRem(300 * 2), pxToRem(150 * 2));
                 flagTextDraw(posterCtx, signature, pxToRem(40 * 2), '#222222', pxToRem(233 * 2), (bottomHalfTop + pxToRem(76)) * 2, 'font');
                 flagTextDraw(posterCtx, signature, pxToRem(40 * 2), '#222222', pxToRem(233 * 2), (bottomHalfTop + pxToRem(76)) * 2, 'font');
 
 
-                //绘制tip
-                let tip = new Image();
-                tip.src = "/Public/static/image2/poster-tip.png";
-                tip.onload = function () {
-                    posterCtx.drawImage(tip, pxToRem(117 * 2), (bottomHalfTop + pxToRem(153)) * 2, pxToRem(61 * 2), pxToRem(28 * 2));
-                }
+
                 setTimeout(function () {
                 setTimeout(function () {
                     $('.posterImg').attr('src', getManBase64(posterCanvas)).css('height', pxToRem(posterCanvasHeight));
                     $('.posterImg').attr('src', getManBase64(posterCanvas)).css('height', pxToRem(posterCanvasHeight));
+                    //绘制tip
+                    let tip = new Image();
+                    tip.src = "/Public/static/image2/poster-tip.png";
+                    tip.onload = function () {
+                        posterCtx.drawImage(tip, pxToRem(117 * 2), (bottomHalfTop + pxToRem(153)) * 2, pxToRem(61 * 2), pxToRem(28 * 2));
+                        setTimeout(function () {
+                            $('.posterImg-true').attr('src', getManBase64(posterCanvas)).css('height', pxToRem(posterCanvasHeight));
+                        }, 300);
+                    }
                 }, 1000);
                 }, 1000);
 
 
             }
             }