Commit 5d6de3d7 by doszhang

dos

parent 437528eb
...@@ -56,6 +56,9 @@ $('.page1 .num').html('已有 <span class="numbig">' + window.num + '</span> 人 ...@@ -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 () { ...@@ -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 () { ...@@ -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) { ...@@ -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) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment