dos

Public/static/css/index.css

@@ -21,6 +21,7 @@ body {
 .page7 .posterimg {
   position: fixed;
   z-index: 2;
+  opacity: 0;
 }
 
 .page7 .btn-retry {
@@ -121,6 +122,10 @@ body {
   top: -100%;
 }
 
+canvas {
+  display: none;
+}
+
 .leaves-1 {
   background: url('../image2/leaves-1.png') left top no-repeat;
   width: 71px;

Public/static/js/common.js

@@ -229,7 +229,8 @@ function retry() {
     updateWorld()
     showItemStatus = false
     nowShowIndex = 1
-    $('.title,.toast1,.toast2').hide()
+    $('.title,.toast1,.toast2').hide();
+    $('.poster-canvas').html('')
 }
 
 function createPoster(resultFlag) {
@@ -252,10 +253,15 @@ function createPoster(resultFlag) {
                 drawNum(resultFlag);
             }, 100);
             setTimeout(function () {
+                $('.guard').css({
+                    background: `url("/Public/static/image2/result-${resultFlag}.png") left top no-repeat`,
+                    backgroundSize: '100% 100%'
+                })
                 $('.poster-canvas').append('<img class="posterimg" />');
                 $('.posterimg').attr('src', getManBase64(posterCanvas));
                 $('.page').hide();
                 $('.page7').show();
+                `1  `
                 $('#notification_area').remove();
                 my_notify('请长按页面保存海报');
                 $('#posterCanvas').css({