dos

Public/static/css/index.css

@@ -121,4 +121,11 @@ input::-webkit-input-placeholder {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
   }
+}
+
+/* poster-page */
+.posterImg {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
 }
\ No newline at end of file

Public/static/js/common.js

@@ -77,7 +77,6 @@ let canvasArr = [
     [58, 240, 1206, 1808, 34, 30, '#ffffff'],
     [58, 240, 1164, 1740, 34, 30, '#ffffff'],
     [58, 240, 1164, 1808, 34, 30, '#0f5188'],
-    // [58, 240, 1164, 1008, 34, 30, '#0f5188'],
     [58, 240, 1164, 1812, 34, 30, '#0f5188'],
     [58, 240, 1190, 1812, 34, 30, '#0f5188']
 ];
@@ -140,6 +139,7 @@ $(document).ready(function () {
 });
 
 function createPoster() {
+
     $('.poster-bg').hide();
     $('.poster-bg-' + resultType).show();
     $('.poster-canvas-block').css({
@@ -159,6 +159,7 @@ function createPoster() {
     let canvasinfo = initCanvas('.poster-canvas-block', 'posterCanvas', designPxToRealPx(canvasArr[resultType - 1][2]), designPxToRealPx(canvasArr[resultType - 1][3]));
     posterCanvas = canvasinfo[0];
     posterCtx = canvasinfo[1];
+    $('.poster-canvas-block').append($('<img class="posterImg" src="" />'));
     $('#posterCanvas').css({
         'width': pxToRem(canvasArr[resultType - 1][2]) / 2 + 'rem',
         'height': pxToRem(canvasArr[resultType - 1][3]) / 2 + 'rem',
@@ -174,11 +175,16 @@ function createPoster() {
             drawRoundedRect(posterCtx, designPxToRealPx(canvasArr[resultType - 1][5] - 6), designPxToRealPx(canvasArr[resultType - 1][4] - 6), designPxToRealPx(52) * 2, designPxToRealPx(52) * 2, designPxToRealPx(5) * 2,
                 true, canvasArr[resultType - 1][6]);
             drawRoundRectImg(posterCtx, designPxToRealPx(5) * 2, designPxToRealPx(canvasArr[resultType - 1][5]), designPxToRealPx(canvasArr[resultType - 1][4]), designPxToRealPx(46) * 2, designPxToRealPx(46) * 2, headimg);
-            txtDraw(posterCtx, '@' + window.nickname, designPxToRealPx(canvasArr[resultType - 1][5] + 128), designPxToRealPx(canvasArr[resultType - 1][4] + 84), designPxToRealPx(20), 'normal', canvasArr[resultType - 1][6])
+            txtDraw(posterCtx, '@' + window.nickname, designPxToRealPx(canvasArr[resultType - 1][5] + 128), designPxToRealPx(canvasArr[resultType - 1][4] + 84), designPxToRealPx(20), 'normal', canvasArr[resultType - 1][6]);
+
         }
     }
 }
 
+function getManBase64() {
+    return myCanvas.toDataURL('image/png');
+}
+
 function drawRoundedRect(ctx, x, y, width, height, r, fill, color) {
     ctx.save();
     ctx.fillStyle = color;