dos

Public/static/js/common.js

@@ -47,10 +47,12 @@ var preloadImageList = [
 var uploadCanvas;
 var headimgCanvas;
 var posterCanvas;
+var textCanvas;
 
 var uploadctx;
 var headimgctx;
 var posterctx;
+var textctx;
 
 var imgInfo = {};
 var nowTemplate = 1;
@@ -63,7 +65,7 @@ preloadimages(preloadImageList, function () {
 
 $('input[name=customize]').attr('placeholder','输入自定义文字（仅限四个字）').attr('maxlength','4');
 $('.canvas-block').html('<canvas id="uploadCanvas" width="'+ 330 +'" height="'+ 330 +'"></canvas>');
-$('.headimg-canvas-block').html('<canvas id="headimgCanvas" width="'+ 330 +'" height="'+ 330 +'"></canvas><img id="headimg" />');
+$('.headimg-canvas-block').html('<canvas id="headimgCanvas" width="'+ 330 +'" height="'+ 330 +'"></canvas><canvas id="texthide" width="102" height="94" height=""></canvas><img id="headimg" />');
 $('.poster-canvas-block').html('<canvas id="posterCanvas" width="'+ 525 +'" height="'+ 849 +'"></canvas><img id="poster" />');
 
 $('.page1').show();
@@ -272,15 +274,26 @@ function creatPoster() {
                             frameimg.onload = function() {
                                 posterctx.drawImage(frameimg,51*2,184*2,387*2,387*2);
 
-                                txtDraw(posterctx, $('[name=customize]').val(), 50, 'normal', '#fff', 90,231);
+                                // txtDraw(posterctx, $('[name=customize]').val(), 50, 'normal', '#fff', 90,231);
 
-                                var src = getManBase64(posterCanvas);
-                                $('#poster').attr('src',src);
+                                var canvasinfo = initCanvas('#texthide',1050,1698);
+                                textCanvas = canvasinfo[0];
+                                textctx = canvasinfo[1];
 
-                                uploadImg('poster',src);
+                                txtDraw(textctx, $('[name=customize]').val(), 50, 'normal', '#fff');
+                                var textObj = new Image();
+                                textObj.src = getManBase64(textCanvas);
 
-                                $('.upload-page').fadeOut(300);
-                                $('.poster-page').fadeIn(300);
+                                textObj.onload = function() {
+                                    posterctx.drawImage(textObj,326*2,442*2,387*2,387*2);
+                                    var src = getManBase64(posterCanvas);
+                                    $('#poster').attr('src',src);
+
+                                    uploadImg('poster',src);
+
+                                    $('.upload-page').fadeOut(300);
+                                    $('.poster-page').fadeIn(300);
+                                }
                             }
                         }
                     }