dos

Public/static/css/index.css

@@ -106,4 +106,14 @@ input[name=business] {
 .poster-canvas {
   border: 2px solid #fff;
   box-shadow: 0px 0px 25px #333;
+}
+
+canvas {
+  display: none;
+}
+
+.posterimg {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
 }
\ No newline at end of file

Public/static/js/common.js

@@ -147,6 +147,7 @@ function createPoster(name, business) {
     let canvasinfo = initCanvas('.poster-canvas', 'posterCanvas', 425, 820);
     posterCanvas = canvasinfo[0];
     posterCtx = canvasinfo[1];
+    $('.poster-canvas').append('<img class="posterimg" />');
 
     var posterObj = new Image();
     posterObj.src = '/Public/static/image2/poster' + nowPosterIndex + '.jpg';
@@ -163,6 +164,8 @@ function createPoster(name, business) {
             posterCtx.drawImage(headimgObj, 170, 402, 87, 87);
             drawUserInfo(name, business, 20, 'bolder');
             drawNum();
+
+            $('.posterimg').attr('src', getManBase64(posterCanvas));
         }
     }
 }