dos

Public/static/js/common.js

@@ -56,6 +56,9 @@ $('.page1 .num').html('已有 <span class="numbig">' + window.num + '</span> 人
 let imgInfo = {};
 let imgInfo = {};
 let blackUrl, black;
 let blackUrl, black;
 let uploadCanvas, uploadCtx;
 let uploadCanvas, uploadCtx;
+let avatar;
+let nowPosterIndex = '';
+let posterCanvas, posterCtx;
 
 
 
 
 
 
@@ -88,6 +91,7 @@ $(document).ready(function () {
         imgInfo = {};
         imgInfo = {};
         img = '';
         img = '';
         bindUpload(this, uploadCtx, uploadCanvas, 1, function (img) {
         bindUpload(this, uploadCtx, uploadCanvas, 1, function (img) {
+            avatar = img;
             var mc = new Hammer($('#uploadCanvas').get(0));
             var mc = new Hammer($('#uploadCanvas').get(0));
             bindMc(mc, uploadCtx, uploadCanvas, img, imgInfo);
             bindMc(mc, uploadCtx, uploadCanvas, img, imgInfo);
         }, imgInfo);
         }, imgInfo);
@@ -98,8 +102,54 @@ $(document).ready(function () {
     });
     });
     //署名输入框限制长度事件
     //署名输入框限制长度事件
     $('.page1 input[name=name]').on('input propertychange', inputLength);
     $('.page1 input[name=name]').on('input propertychange', inputLength);
+    //上传头像确认
+    $('.page1 .btn-ok').on('click', confirmAvatar);
+    //检查用户输入后生成海报
+    $('.page1 .btn-go').on('click', checkInfo);
 });
 });
 
 
+function checkInfo() {
+    let name = $('input[name=name]').val();
+    let business = $('input[name=business]').val();
+    if (name.match(/^\s*$/)) {
+        $('#notification_area').remove();
+        my_notify('请填写姓名');
+        return false;
+    }
+    if (!business.match(/^\d{10}$/)) {
+        $('#notification_area').remove();
+        my_notify('业务号填写有误');
+        return false;
+    }
+    createPoster(name, business);
+}
+
+function createPoster(name, business) {
+    let oldPosterIndex = nowPosterIndex;
+    nowPosterIndex = RandomNumBoth(1, 3, oldPosterIndex);
+    console.log('nowPosterIndex：', nowPosterIndex);
+
+    let canvasinfo = initCanvas('.poster-canvas', 'posterCanvas', 425, 820);
+    posterCanvas = canvasinfo[0];
+    posterCtx = canvasinfo[1];
+
+    var posterObj = new Image();
+    posterObj.src = '/Public/static/image2/poster' + nowPosterIndex + '.jpg';
+    posterObj.onload = function () {
+        posterctx.drawImage(posterObj, 0, 0, posterCanvas.width, posterCanvas.height);
+        var headimgObj = new Image();
+        headimgObj.src = getManBase64(uploadCanvas);
+        headimgObj.onload = function () {
+            posterctx.drawImage(headimgObj, 170 * 2, 402 * 2, 87 * 2, 87 * 2);
+
+        }
+    }
+}
+
+function confirmAvatar() {
+    $('.regulate-block').hide();
+}
+
 function inputLength() {
 function inputLength() {
     checkIt('name', 4);
     checkIt('name', 4);
 }
 }
@@ -254,11 +304,18 @@ function getTranslateDistance(cardinal = 0, abs = false) {
 //获取随机数方法
 //获取随机数方法
 //min 最小值
 //min 最小值
 //max 最大值
 //max 最大值
-function RandomNumBoth(Min, Max) {
+function RandomNumBoth(Min, Max, exclude = '') {
     var Range = Max - Min;
     var Range = Max - Min;
     var Rand = Math.random();
     var Rand = Math.random();
     var num = Min + Math.round(Rand * Range); //四舍五入
     var num = Min + Math.round(Rand * Range); //四舍五入
+    if (exclude == '') {
         return num;
         return num;
+    } else if (num == exclude) {
+        RandomNumBoth(Min, Max, exclude);
+    } else {
+        return num;
+    }
+
 }
 }
 
 
 function checkIt(bind, maxNum) {
 function checkIt(bind, maxNum) {