dos

Public/static/css/index.css

@@ -438,6 +438,7 @@ input[name=signature]::-webkit-input-placeholder {
 /* poster-page */
 .poster-page {
   z-index: 1;
+  overflow: scroll;
 }
 
 .poster-page .poster-list {

Public/static/js/common.js

@@ -346,6 +346,7 @@ function createPoster() {
 
     if (flagListHeight < pxToRem(383)) {
         posterCanvasHeight = topHalfHeight + pxToRem(383) + bottomHalfHeight;
+        flagListHeight = pxToRem(383);
     } else {
         posterCanvasHeight = topHalfHeight + flagListHeight + bottomHalfHeight;
     }
@@ -360,7 +361,22 @@ function createPoster() {
     let topHalf = new Image();
     topHalf.src = picUrl + "poster-tophalf.png";
     topHalf.onload = function () {
+        //画海报上半部分
         posterCtx.drawImage(topHalf, pxToRem(45), pxToRem(107), pxToRem(550), pxToRem(382));
+        posterCtx.save();
+        posterCtx.restore();
+        //画海报中部背景
+        posterCtx.fillStyle = '#f4f4f4';
+        posterCtx.fillRect(pxToRem(45), pxToRem(489), pxToRem(640), pxToRem(flagListHeight));
+        posterCtx.save();
+        posterCtx.restore();
+        //画海报底部
+        let bottomHalf = new Image();
+        bottomHalf.src = picUrl + "poster-bottomhalf.png";
+        bottomHalf.onload = function () {
+            bottomHalfTop = pxToRem(489) + pxToRem(flagListHeight);
+            posterCtx.drawImage(bottomHalf, pxToRem(45), bottomHalfTop, pxToRem(550), pxToRem(238));
+        }
     }
 
 }