dos

Public/static/js/common.js

@@ -142,7 +142,9 @@ const colorList = {
 let decorateList = [
 let decorateList = [
     picUrl + 'decorate1.png',
     picUrl + 'decorate1.png',
     picUrl + 'decorate2.png',
     picUrl + 'decorate2.png',
-    picUrl + 'decorate3.png'
+    picUrl + 'decorate3.png',
+    picUrl + 'decorate4.png',
+    picUrl + 'decorate5.png',
 ];
 ];
 
 
 //用户选择的flag列表
 //用户选择的flag列表
@@ -174,7 +176,7 @@ let flagStack = [
     '多赚钱，去看一看世界和远方',
     '多赚钱，去看一看世界和远方',
 ];
 ];
 //用户选择的小装饰src
 //用户选择的小装饰src
-let checkedDecorate;
+let checkedDecorate = decorateList[0];
 //用户选择的主色调
 //用户选择的主色调
 let mainColor = 'red';
 let mainColor = 'red';
 //用户选择的flag数量
 //用户选择的flag数量
@@ -382,6 +384,11 @@ function createPoster() {
             bottomHalfTop = pxToRem(487) + pxToRem(flagListHeight);
             bottomHalfTop = pxToRem(487) + pxToRem(flagListHeight);
             posterCtx.drawImage(bottomHalf, pxToRem(45), bottomHalfTop, pxToRem(550), pxToRem(238));
             posterCtx.drawImage(bottomHalf, pxToRem(45), bottomHalfTop, pxToRem(550), pxToRem(238));
             drawFlagItem(pxToRem(489 + 20));
             drawFlagItem(pxToRem(489 + 20));
+            let decorate = new Image();
+            decorate.src = checkedDecorate;
+            decorate.onload = function () {
+                posterCtx.drawImage(decorate, pxToRem(170), pxToRem(305), pxToRem(300), pxToRem(150));
+            }
         }
         }
     }
     }