dos

Public/static/js/common.js

@@ -48,24 +48,24 @@ var myCanvas;
 var username = '';
 
 preloadimages(preloadImageList, function () {
-    
+
 }, function (progress) {
-    
+
 });
 
-$('input[name=username]').attr('placeholder','点击输入您的名字');
-$('.canvas-block').html('<canvas id="myCanvas" width="'+ pxchange(315) +'" height="'+ pxchange(316) +'"></canvas><img class="posterimg" />');
+$('input[name=username]').attr('placeholder', '点击输入您的名字');
+$('.canvas-block').html('<canvas id="myCanvas" width="' + pxchange(315) + '" height="' + pxchange(316) + '"></canvas><img class="posterimg" />');
 
 $('.page1').show();
 
 
 $(document).ready(function () {
-    $("input").on("blur",function(){
-        window.scroll(0,0);//失焦后强制让页面归位
+    $("input").on("blur", function () {
+        window.scroll(0, 0); //失焦后强制让页面归位
     });
 
-    $('input').on('input',onInput)
-    
+    $('input').on('input', onInput)
+
     function getLength(str) {
         return str.replace(/[^ -~]/g, 'AA').length;
     }
@@ -90,26 +90,25 @@ $(document).ready(function () {
 
     window.onInput = onInput;
 
-    $('.btn-create').on('click',function() {
+    $('.btn-create').on('click', function () {
         username = $('input[name=username]').val();
         initCanvas();
-        if(username.match(/^\s*$/))
-        {
+        if (username.match(/^\s*$/)) {
             $('#notification_area').remove();
             my_notify('您还没有输入名字');
             return false;
         }
 
-        checkWord(username,function(){
+        checkWord(username, function () {
 
-            my_notify('正在生成海报，请稍后',999999);
+            my_notify('正在生成海报，请稍后', 999999);
             var img = new Image();
-            img.src = 'Public/static/image2/poster.jpg';
+            img.src = 'Public/static/image2/poster.png';
             img.onload = function () {
                 ctx.drawImage(img, 0, 0, myCanvas.width, myCanvas.height);
                 txtDraw(ctx, username, pxchange(158), pxchange(238), pxchange(40), 'normal', '#ffffff');
                 $('.posterimg').show();
-                $('.posterimg').attr('src',getManBase64());
+                $('.posterimg').attr('src', getManBase64());
                 $('.username').hide();
                 $('.tip').show();
                 $('.btn-create').hide();
@@ -119,10 +118,10 @@ $(document).ready(function () {
         });
     });
 
-    $('.btn-retry').on('click',function(){
-        ctx.clearRect(0,0,myCanvas.width,myCanvas.height);
+    $('.btn-retry').on('click', function () {
+        ctx.clearRect(0, 0, myCanvas.width, myCanvas.height);
         $('.posterimg').hide();
-        $('.posterimg').attr('src','');
+        $('.posterimg').attr('src', '');
         $('input[name=username]').val('');
         $('.username').show();
         $('.tip').hide();
@@ -131,20 +130,17 @@ $(document).ready(function () {
     });
 });
 
-function checkWord(name,callback) {
+function checkWord(name, callback) {
     $.ajax({
         url: '/index/checkWord',
         type: 'POST',
-        data:{
-            name:name
+        data: {
+            name: name
         },
-        success: function(resp){
-            if(resp.status == 1)
-            {
+        success: function (resp) {
+            if (resp.status == 1) {
                 callback();
-            }
-            else 
-            {
+            } else {
                 $('#notification_area').remove();
                 my_notify(resp.msg);
             }
@@ -160,7 +156,7 @@ function txtDraw(ctx, content, x, y, fontsize, fontweight, color) {
     x = x * 4;
     y = y * 4;
     fontsize = fontsize * 4;
-    ctx.font = fontweight + ' '+fontsize+'px fzlt';
+    ctx.font = fontweight + ' ' + fontsize + 'px fzlt';
     var width = ctx.measureText(content).width;
     var cx = x - width / 2;
 
@@ -185,13 +181,12 @@ function txtDraw(ctx, content, x, y, fontsize, fontweight, color) {
 function initCanvas() {
     myCanvas = $('#myCanvas')[0];
     ctx = myCanvas.getContext("2d");
-    ctx.scale(2,2);
+    ctx.scale(2, 2);
     myCanvas.width = pxchange(1260);
     myCanvas.height = pxchange(1264);
 }
 
-function pxchange(px)
-{
+function pxchange(px) {
     var rem = px / 20;
     var fontSize = parseFloat($('html').css('fontSize'));
     return rem * fontSize;
@@ -200,7 +195,7 @@ function pxchange(px)
 //获取随机数方法
 //min 最小值
 //max 最大值
-function RandomNumBoth(Min,Max){
+function RandomNumBoth(Min, Max) {
     var Range = Max - Min;
     var Rand = Math.random();
     var num = Min + Math.round(Rand * Range); //四舍五入