dos

Public/static/js/common.js

@@ -460,7 +460,7 @@ function createPoster() {
     //计算每行文字数量
     wrapNum = calculationWrap();
     $('.poster-list-page').show();
-    $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
+    // $('.poster-page .poster-canvas-block').append($('<img class="posterImg" src="" />'));
     // 创建海报页面的flag列表
     for (let i = 0; i < flagStack.length; i++) {
         createList('.poster-list-page .poster-list', flagStack[i], i + 1, wrapNum);
@@ -514,7 +514,7 @@ function createPoster() {
         bottomHalf.src = "/Public/static/image2/poster-bottomhalf.png";
         bottomHalf.onload = function () {
             bottomHalfTop = pxToRem(457) + pxToRem(flagListHeight);
-            $('.poster-tip').css('top', bottomHalfTop + pxToRem(157));
+            // $('.poster-tip').css('top', bottomHalfTop + pxToRem(157));
             posterCtx.drawImage(bottomHalf, posterLeft, bottomHalfTop * 2, pxToRem(550 * 2), pxToRem(207 * 2));
             drawFlagItem(pxToRem(489 + 20));
             let decorate = new Image();
@@ -522,6 +522,13 @@ function createPoster() {
             decorate.onload = function () {
                 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');
+
+                //绘制tip
+                let tip = new Image();
+                tip.src = "/Public/static/image2/poster-bottomhalf.png";
+                tip.onload = function () {
+                    posterCtx.drawImage(tip, pxToRem(117 * 2), (bottomHalfTop + pxToRem(153)) * 2, pxToRem(61 * 2), pxToRem(28 * 2));
+                }
                 setTimeout(function () {
                     $('.posterImg').attr('src', getManBase64(posterCanvas)).css('height', pxToRem(posterCanvasHeight));
                 }, 1000);