// JavaScript Document var canvas = new fabric.Canvas('shirtcanvas'); var canvast = new fabric.Canvas('trousercanvas'); var cans = $('#shirtcanvas').parent('.canvas-container'); var cant = $('#trousercanvas').parent('.canvas-container'); cant.css('display','none'); document.getElementById('backlogosb').style.display="none"; $('#showFront').click(function() { cans.css('display','block'); cant.css('display','none'); canvas.calcOffset(); canvast.calcOffset(); $('#showFront').addClass('active'); $('#showBack').removeClass('active'); //updateControls(); document.getElementById('frontlogosb').style.display="block"; document.getElementById('backlogosb').style.display="none"; }); $('#showBack').click(function() { cans.css('display','none'); cant.css('display','block'); canvas.calcOffset(); canvast.calcOffset(); $('#showFront').removeClass('active'); $('#showBack').addClass('active'); //updateControls(); document.getElementById('frontlogosb').style.display="none"; document.getElementById('backlogosb').style.display="block"; }); $('html').keyup(function(e){ if(e.which == 46) { if(cans.css('display')=="block") { var obd = canvas.getActiveObject(); canvas.remove(obd); } else if(cant.css('display')=="block") { var obd = canvast.getActiveObject(); canvast.remove(obd); } } }); function loadBaseShirts() { color1 = new fabric.Path('M600 0l-50 0 0 9.17 50 0 0 -9.17zm-51.15 10.61l47.96 0 0 580.66 -544.3 0 0 -3.35 -47.18 0 0 -581.04 543.52 0 0 3.73zm-498.85 580.22l-50 0 0 9.17 50 0 0 -9.17z');color2 = new fabric.Path('M339.83 248.52l11.61 11.04c2.46,0.69 5.16,1.32 8.05,1.9l-13.71 4.89 -22.07 -12.26 -1.04 27.19 20.44 11.7c0.3,0.18 0.65,0.19 0.95,0.08l19.4 -7.2 -0.01 0.05 -19.89 7.39 -20.9 -11.96 -0.09 2.44 20.36 11.65c0.29,0.17 0.62,0.18 0.91,0.07l19.42 -7.21 -0.02 0.16 -19.89 7.39 -20.79 -11.9 -0.08 2.33 20.27 11.61c0.27,0.16 0.59,0.17 0.87,0.07l19.44 -7.22 -0.03 0.26 -19.89 7.39 -20.68 -11.84 -0.08 2.23 20.18 11.55c0.27,0.15 0.57,0.17 0.84,0.07l19.46 -7.22 -0.03 0.36 -19.89 7.38 -20.57 -11.77 -0.09 2.13 20.1 11.5c0.25,0.14 0.55,0.16 0.8,0.07l19.48 -7.24 -0.04 0.47 -19.89 7.38 -20.46 -11.71 -0.08 2.02 20.01 11.46c0.24,0.14 0.52,0.15 0.76,0.06l19.49 -7.24 -0.04 0.56 -19.89 7.39 -20.35 -11.65 -0.08 1.92 19.93 11.41c0.23,0.13 0.49,0.14 0.72,0.05l19.51 -7.25 -0.05 0.67 -19.89 7.39 -20.24 -11.59 -0.07 1.81 19.84 11.36c0.21,0.13 0.46,0.14 0.67,0.06l19.54 -7.26 -0.06 0.77 -19.89 7.39 -20.13 -11.53 -0.07 1.71 19.76 11.31c0.2,0.11 0.43,0.13 0.64,0.05l19.55 -7.26 -0.07 0.87 -19.89 7.38 -20.02 -11.46 -0.06 1.61 19.66 11.26c0.19,0.1 0.41,0.11 0.6,0.04l19.58 -7.27 -0.08 0.98 -19.89 7.38 -19.91 -11.4 -0.06 1.5 19.58 11.21c0.18,0.1 0.39,0.11 0.56,0.05l19.6 -7.28 -0.09 1.07 -19.89 7.39 -19.8 -11.33 -0.06 1.39 19.5 11.16c0.16,0.09 0.35,0.1 0.52,0.04l19.62 -7.29 -0.1 1.18 -19.89 7.39 -19.69 -11.27 -0.05 1.29 19.41 11.11c0.15,0.08 0.33,0.09 0.48,0.04l19.64 -7.3 -0.11 1.28 -19.88 7.39 -19.59 -11.21 -0.05 1.18 19.33 11.06c0.14,0.08 0.3,0.09 0.44,0.04l19.66 -7.3 -0.11 1.38 -19.89 7.38 -19.48 -11.14 -0.04 1.08 19.24 11.01c0.12,0.07 0.27,0.08 0.4,0.03l19.68 -7.3 -0.12 1.48 -19.89 7.38 -19.37 -11.08 -0.04 0.98 19.15 10.96c0.12,0.06 0.25,0.07 0.37,0.03l19.7 -7.32 -0.13 1.58 -19.89 7.39 -19.26 -11.02 -0.03 0.87 19.06 10.91c0.1,0.06 0.22,0.07 0.33,0.03l19.72 -7.32 -1.55 18.83 -19.87 7.09 -18.43 -10.24 -1.05 27.25 16.81 9.62c0.3,0.17 0.65,0.19 0.95,0.08l19.4 -7.21 -0.01 0.06 -19.89 7.38 -17.26 -9.88 -0.09 2.44 16.72 9.58c0.29,0.16 0.62,0.18 0.91,0.07l19.42 -7.21 -0.02 0.16 -19.89 7.38 -17.15 -9.82 -0.09 2.34 16.64 9.52c0.27,0.16 0.59,0.18 0.87,0.07l19.44 -7.21 -0.02 0.26 -19.89 7.38 -17.05 -9.75 -0.09 2.23 16.55 9.47c0.27,0.15 0.58,0.17 0.84,0.07l19.46 -7.23 -0.03 0.36 -19.89 7.39 -16.94 -9.69 -0.08 2.12 16.46 9.43c0.26,0.14 0.55,0.16 0.8,0.06l19.48 -7.23 -0.04 0.46 -19.89 7.39 -16.83 -9.63 -0.08 2.02 16.38 9.37c0.24,0.14 0.52,0.15 0.76,0.07l19.5 -7.24 -0.05 0.56 -19.89 7.39 -16.72 -9.57 -0.07 1.91 16.29 9.33c0.23,0.13 0.49,0.14 0.72,0.06l19.52 -7.25 -0.06 0.67 -19.89 7.38 -16.61 -9.5 -0.07 1.81 16.21 9.28c0.21,0.12 0.46,0.13 0.68,0.05l19.53 -7.25 -0.06 0.77 -19.89 7.38 -16.5 -9.44 -0.06 1.71 16.12 9.22c0.2,0.12 0.43,0.13 0.64,0.06l19.55 -7.27 -0.07 0.87 -19.89 7.39 -16.39 -9.38 -0.06 1.6 16.03 9.18c0.19,0.11 0.41,0.12 0.61,0.05l19.57 -7.27 -0.08 0.97 -19.89 7.39 -16.28 -9.32 -0.06 1.5 15.95 9.13c0.18,0.1 0.39,0.11 0.56,0.04l19.6 -7.27 -0.09 1.07 -19.89 7.39 -16.17 -9.26 -0.05 1.39 15.86 9.08c0.17,0.1 0.36,0.11 0.52,0.05l19.62 -7.29 -0.09 1.18 -19.9 7.38 -16.06 -9.19 -0.05 1.29 15.78 9.03c0.15,0.09 0.33,0.1 0.48,0.04l19.64 -7.29 -0.1 1.28 -19.89 7.38 -15.96 -9.13 -0.04 1.19 15.69 8.98c0.14,0.08 0.3,0.09 0.44,0.04l19.66 -7.31 -0.11 1.39 -19.89 7.38 -15.85 -9.07 -0.04 1.08 15.61 8.93c0.13,0.08 0.27,0.08 0.4,0.04l19.68 -7.31 -0.12 1.48 -19.89 7.39 -15.74 -9.01 -0.03 0.98 15.51 8.88c0.12,0.07 0.25,0.08 0.37,0.03l19.7 -7.32 -0.13 1.59 -19.89 7.39 -15.63 -8.95 -0.03 0.87 15.43 8.84c0.11,0.06 0.22,0.06 0.33,0.02l19.72 -7.32 -1.55 18.83 -19.87 7.1 -14.8 -8.23 -1.04 27.31 13.17 7.54c0.3,0.18 0.65,0.19 0.96,0.08l19.39 -7.2 0 0.05 -19.9 7.39 -13.63 -7.8 -0.09 2.44 13.09 7.49c0.29,0.17 0.62,0.18 0.91,0.07l19.42 -7.21 -0.01 0.16 -19.89 7.39 -13.53 -7.74 -0.09 2.34 13.01 7.44c0.27,0.15 0.59,0.17 0.87,0.07l19.44 -7.22 -0.02 0.26 -19.89 7.39 -13.42 -7.68 -0.08 2.23 12.92 7.39c0.26,0.16 0.57,0.17 0.83,0.07l19.46 -7.22 -0.03 0.36 -19.89 7.38 -13.31 -7.61 -0.08 2.13 12.83 7.34c0.26,0.15 0.55,0.16 0.8,0.07l19.48 -7.24 -0.04 0.47 -19.89 7.38 -13.2 -7.55 -0.07 2.02 12.74 7.3c0.24,0.14 0.52,0.15 0.76,0.06l19.5 -7.24 -0.05 0.56 -19.89 7.39 -13.08 -7.49 -0.08 1.92 12.66 7.24c0.23,0.14 0.49,0.15 0.72,0.07l19.52 -7.25 -0.06 0.66 -19.89 7.39 -12.98 -7.43 -0.06 1.82 12.57 7.19c0.22,0.12 0.46,0.14 0.68,0.06l19.54 -7.26 -0.07 0.77 -19.89 7.39 -12.86 -7.37 -0.07 1.71 12.49 7.15c0.2,0.11 0.43,0.13 0.64,0.05l19.56 -7.26 -0.08 0.87 -19.89 7.38 -12.75 -7.3 -0.07 1.61 12.41 7.09c0.19,0.11 0.41,0.13 0.6,0.05l19.58 -7.27 -0.08 0.98 -19.89 7.38 -12.65 -7.24 -0.06 1.5 12.31 7.05c0.18,0.1 0.39,0.11 0.57,0.05l19.59 -7.28 -0.08 1.08 -19.89 7.38 -12.54 -7.17 -0.06 1.39 12.23 7c0.17,0.09 0.36,0.1 0.52,0.04l19.62 -7.28 -0.09 1.17 -19.89 7.39 -12.43 -7.12 -0.05 1.29 12.14 6.96c0.15,0.08 0.33,0.09 0.48,0.04l19.64 -7.3 -0.1 1.28 -19.89 7.39 -12.32 -7.05 -0.05 1.18 12.06 6.9c0.14,0.08 0.3,0.09 0.44,0.04l19.66 -7.3 -0.11 1.38 -19.89 7.39 -12.21 -6.99 -0.04 1.08 11.97 6.85c0.13,0.07 0.27,0.08 0.4,0.03l19.68 -7.3 -0.12 1.48 -19.89 7.38 -12.1 -6.92 -0.04 0.97 3.51 2.01 0 1.66 -3.57 -2.04 -0.04 0.87 3.6 2.06 -0.02 19.51 -4.31 -2.39 4.21 68.25 116.93 1.04 6.12 -37.5 -10.81 -0.65c-2.86,5.95 -7.56,12.43 -14.66,15.2 -9.04,3.54 -23.78,2.58 -41.27,1.21 -11.54,-0.91 -20.76,-2.43 -28.97,-4.2 8.07,-97.84 16.11,-195.69 24.16,-293.54 16.47,2.44 36.44,3.67 53.28,3.95l-0.06 -30.06 43.44 -0.29 0 29.87c21.14,-0.44 38.91,-1.46 52.5,-3.18 8.58,82.52 17.16,165.05 25.75,247.58l2.75 26.48 0 0 0.01 0.05 0.24 2.38 0.02 0.15 0.24 2.28 0.02 0.26 0.23 2.17 0.04 0.36 0.21 2.07 0.05 0.46 0.21 1.97 0.05 0.57 0.2 1.87 0.07 0.66 0.18 1.77 0.08 0.76 0.17 1.67 0.06 0.52c-12.95,2.75 -30.04,3.64 -50.76,3.29 -17.97,-0.29 -31.43,-3.15 -36.43,-15.1l-9.28 -5.43 7.29 42.93c0,0 88.24,0.66 89.04,0.53 0.79,-0.14 27.16,-9.54 27.16,-9.54 1.95,-23.97 3.87,-47.63 5.83,-71.68l-16.7 3.97c-0.48,3.83 -0.91,7.53 -1.29,11.14l-15.37 -5.12 -1.96 -18.8 19.88 6.9c0.1,0.04 0.22,0.03 0.32,-0.03l11.65 -7.01 -0.05 -0.87 -11.84 7.12 -20.05 -6.96 -0.16 -1.58 19.85 6.89c0.12,0.04 0.25,0.03 0.37,-0.04l11.73 -7.05 -0.05 -0.98 -11.96 7.19 -20.04 -6.96 -0.15 -1.48 19.83 6.88c0.13,0.05 0.28,0.04 0.4,-0.04l11.82 -7.11 -0.06 -1.07 -12.06 7.25 -20.04 -6.96 -0.15 -1.38 19.81 6.88c0.15,0.04 0.31,0.03 0.45,-0.05l11.9 -7.16 -0.07 -1.18 -12.16 7.31 -20.05 -6.96 -0.13 -1.27 19.79 6.87c0.16,0.05 0.33,0.04 0.48,-0.05l12 -7.21 -0.08 -1.29 -12.28 7.38 -20.04 -6.96 -0.12 -1.17 19.77 6.86c0.17,0.06 0.36,0.04 0.52,-0.06l12.08 -7.26 -0.09 -1.39 -12.38 7.45 -20.04 -6.96 -0.12 -1.08 19.76 6.86c0.18,0.06 0.38,0.05 0.56,-0.06l12.16 -7.31 -0.09 -1.5 -12.49 7.51 -20.05 -6.96 -0.1 -0.97 19.73 6.85c0.19,0.07 0.41,0.05 0.6,-0.06l12.25 -7.36 -0.1 -1.61 -12.6 7.58 -20.04 -6.96 -0.09 -0.87 19.71 6.84c0.2,0.07 0.44,0.06 0.64,-0.06l12.33 -7.42 -0.1 -1.7 -12.71 7.64 -20.04 -6.96 -0.08 -0.77 19.69 6.84c0.21,0.07 0.46,0.05 0.67,-0.08l12.42 -7.46 -0.11 -1.81 -12.81 7.7 -20.05 -6.96 -0.07 -0.66 19.67 6.83c0.23,0.08 0.49,0.06 0.72,-0.08l12.5 -7.51 -0.11 -1.92 -12.93 7.77 -20.04 -6.96 -0.06 -0.56 19.65 6.82c0.24,0.08 0.52,0.06 0.75,-0.08l12.59 -7.57 -0.12 -2.02 -13.03 7.84 -20.04 -6.96 -0.05 -0.46 19.63 6.81c0.25,0.09 0.54,0.07 0.79,-0.08l12.67 -7.62 -0.13 -2.13 -13.13 7.9 -20.05 -6.95 -0.03 -0.36 19.6 6.8c0.27,0.1 0.57,0.07 0.84,-0.09l12.75 -7.66 -0.13 -2.23 -13.25 7.96 -20.04 -6.96 -0.03 -0.25 19.59 6.79c0.28,0.1 0.6,0.08 0.87,-0.09l12.84 -7.72 -0.14 -2.33 -13.35 8.03 -20.04 -6.96 -0.02 -0.16 19.57 6.79c0.29,0.11 0.62,0.08 0.91,-0.09l12.92 -7.77 -0.14 -2.44 -13.46 8.09 -20.05 -6.95 0 -0.06 19.54 6.79c0.31,0.1 0.66,0.08 0.95,-0.1l13.01 -7.82 -1.63 -27.29 -14.62 8.54 -20.01 -6.66 -1.96 -18.8 19.88 6.9c0.1,0.04 0.22,0.03 0.32,-0.03l15.24 -9.16 -0.05 -0.87 -15.43 9.27 -20.05 -6.95 -0.16 -1.59 19.85 6.89c0.12,0.05 0.25,0.04 0.37,-0.03l15.32 -9.22 -0.06 -0.97 -15.54 9.34 -20.04 -6.96 -0.15 -1.48 19.83 6.89c0.13,0.04 0.28,0.03 0.4,-0.05l15.41 -9.26 -0.06 -1.08 -15.65 9.41 -20.04 -6.96 -0.15 -1.38 19.82 6.88c0.14,0.05 0.3,0.04 0.44,-0.05l15.49 -9.31 -0.07 -1.19 -15.75 9.47 -20.05 -6.95 -0.13 -1.28 19.79 6.87c0.16,0.05 0.33,0.04 0.48,-0.05l15.58 -9.37 -0.07 -1.29 -15.87 9.54 -20.04 -6.96 -0.12 -1.17 19.77 6.86c0.17,0.06 0.36,0.05 0.52,-0.05l15.66 -9.42 -0.08 -1.39 -15.97 9.6 -20.04 -6.96 -0.12 -1.07 19.76 6.85c0.18,0.07 0.38,0.05 0.56,-0.05l15.74 -9.47 -0.09 -1.5 -16.07 9.67 -20.05 -6.96 -0.1 -0.97 19.73 6.85c0.19,0.06 0.41,0.05 0.6,-0.07l15.84 -9.52 -0.1 -1.6 -16.19 9.73 -20.04 -6.96 -0.09 -0.87 19.71 6.85c0.2,0.07 0.44,0.05 0.64,-0.07l15.92 -9.57 -0.11 -1.71 -16.29 9.8 -20.04 -6.96 -0.08 -0.77 19.69 6.84c0.21,0.07 0.46,0.06 0.67,-0.07l16.01 -9.62 -0.11 -1.81 -16.4 9.86 -20.05 -6.96 -0.07 -0.67 19.67 6.83c0.23,0.08 0.49,0.06 0.72,-0.07l16.09 -9.68 -0.12 -1.91 -16.51 9.92 -20.04 -6.95 -0.06 -0.57 19.65 6.82c0.24,0.09 0.52,0.07 0.75,-0.08l16.18 -9.72 -0.12 -2.02 -16.62 9.99 -20.04 -6.96 -0.05 -0.46 19.63 6.81c0.25,0.09 0.54,0.07 0.79,-0.08l16.26 -9.77 -0.13 -2.13 -16.72 10.06 -20.05 -6.96 -0.03 -0.36 19.6 6.81c0.27,0.09 0.57,0.07 0.84,-0.09l16.34 -9.83 -0.13 -2.23 -16.84 10.12 -20.04 -6.95 -0.03 -0.26 19.59 6.8c0.28,0.09 0.6,0.07 0.87,-0.09l16.43 -9.88 -0.14 -2.33 -16.94 10.18 -20.05 -6.96 -0.01 -0.15 19.57 6.79c0.29,0.1 0.62,0.08 0.91,-0.1l16.51 -9.92 -0.14 -2.44 -17.05 10.25 -20.05 -6.96 0 -0.05 19.54 6.78c0.31,0.11 0.66,0.08 0.95,-0.1l16.6 -9.98 -1.63 -27.22 -18.21 10.64 -20.01 -6.67 -1.96 -18.79 19.88 6.9c0.1,0.03 0.22,0.02 0.32,-0.04l18.83 -11.32 -0.05 -0.87 -19.02 11.44 -20.05 -6.96 -0.16 -1.58 19.85 6.89c0.12,0.04 0.25,0.03 0.37,-0.04l18.91 -11.37 -0.06 -0.98 -19.13 11.5 -20.04 -6.95 -0.15 -1.48 19.83 6.88c0.13,0.04 0.28,0.03 0.4,-0.04l19 -11.42 -0.06 -1.08 -19.24 11.56 -20.04 -6.96 -0.15 -1.37 19.82 6.87c0.14,0.05 0.3,0.04 0.44,-0.04l19.08 -11.48 -0.07 -1.18 -19.34 11.63 -20.05 -6.96 -0.13 -1.28 19.79 6.87c0.16,0.06 0.33,0.04 0.49,-0.05l19.16 -11.52 -0.08 -1.29 -19.45 11.69 -20.04 -6.95 -0.12 -1.18 19.77 6.87c0.17,0.05 0.36,0.04 0.52,-0.06l19.25 -11.57 -0.08 -1.4 -19.56 11.76 -20.04 -6.96 -0.12 -1.07 19.76 6.86c0.18,0.06 0.38,0.04 0.56,-0.06l19.33 -11.63 -0.09 -1.49 -19.66 11.82 -20.05 -6.96 -0.1 -0.97 19.73 6.85c0.19,0.06 0.41,0.05 0.6,-0.06l19.42 -11.68 -0.09 -1.6 -19.78 11.88 -20.04 -6.95 -0.09 -0.87 19.71 6.84c0.2,0.07 0.44,0.05 0.64,-0.07l19.5 -11.73 -0.1 -1.7 -19.88 11.95 -20.04 -6.95 -0.08 -0.77 19.69 6.83c0.21,0.08 0.46,0.06 0.67,-0.07l19.59 -11.78 -0.1 -1.81 -19.99 12.02 -20.05 -6.96 -0.07 -0.66 19.67 6.82c0.23,0.08 0.49,0.06 0.72,-0.07l19.67 -11.83 -0.11 -1.92 -20.1 12.09 -20.04 -6.96 -0.06 -0.56 19.65 6.81c0.24,0.09 0.52,0.07 0.75,-0.07l19.77 -11.88 -0.12 -2.02 -20.21 12.14 -20.05 -6.95 -0.04 -0.47 19.63 6.82c0.25,0.09 0.54,0.06 0.79,-0.09l19.85 -11.93 -0.13 -2.12 -20.31 12.21 -20.05 -6.96 -0.04 -0.36 19.61 6.81c0.27,0.09 0.58,0.07 0.84,-0.09l19.93 -11.98 -0.14 -2.23 -20.42 12.28 -20.04 -6.96 -0.03 -0.26 19.59 6.8c0.28,0.1 0.6,0.07 0.87,-0.09l20.02 -12.04 -0.14 -2.33 -20.53 12.34 -20.05 -6.95 -0.01 -0.16 19.57 6.79c0.29,0.1 0.62,0.08 0.91,-0.09l20.1 -12.09 -0.15 -2.44 -20.63 12.41 -20.05 -6.96 0 -0.05 19.54 6.78c0.31,0.11 0.66,0.08 0.95,-0.09l20.19 -12.14 -1.63 -27.17 -21.8 12.74 -13.64 -4.54c4.95,-0.93 9.05,-2.01 12.23,-3.25l12.89 -18.23 -9.77 -25 -101.17 2.74 -91.93 0.52 -11.22 29.84zm-288.6 -103.87c0.19,0.38 0.37,0.78 0.56,1.17l106.42 49.81 106.42 -49.8c0.19,-0.4 0.38,-0.8 0.57,-1.19l-106.37 49.78c-0.41,0.19 -0.86,0.18 -1.24,0l-106.36 -49.77zm2.34 5.14c0.17,0.42 0.35,0.83 0.53,1.26l104.11 48.73 104.12 -48.73c0.17,-0.42 0.35,-0.84 0.52,-1.26l-104.04 48.69c-0.39,0.19 -0.83,0.17 -1.2,0l-104.04 -48.69zm1.98 4.98l0.49 1.34 102.17 47.81 102.17 -47.81 0.49 -1.34 -102.07 47.77c-0.39,0.18 -0.81,0.17 -1.17,0l-102.08 -47.77zm1.7 4.85l0.45 1.42 100.51 47.03 100.51 -47.03c0.15,-0.48 0.3,-0.95 0.45,-1.42l-100.39 46.98c-0.38,0.18 -0.79,0.16 -1.13,0l-100.4 -46.98zm1.46 4.73c0.14,0.5 0.28,0.99 0.42,1.5l99.08 46.37 99.08 -46.37c0.14,-0.5 0.28,-1 0.42,-1.5l-98.95 46.31c-0.36,0.17 -0.76,0.16 -1.09,0l-98.96 -46.31zm1.25 4.64c0.14,0.53 0.27,1.05 0.4,1.58l97.85 45.8 97.86 -45.8c0.12,-0.53 0.25,-1.06 0.39,-1.58l-97.72 45.73c-0.35,0.16 -0.73,0.15 -1.05,0l-97.73 -45.73zm1.09 4.56c0.12,0.55 0.24,1.1 0.36,1.66l96.8 45.31 96.81 -45.31c0.11,-0.56 0.23,-1.11 0.35,-1.66l-96.65 45.23c-0.33,0.16 -0.71,0.15 -1.02,0l-96.65 -45.23zm0.93 4.48l0.33 1.75 95.9 44.88 95.9 -44.87c0.11,-0.59 0.22,-1.18 0.33,-1.76l-95.74 44.81c-0.32,0.15 -0.68,0.14 -0.98,0l-95.74 -44.81zm0.8 4.43c0.1,0.6 0.2,1.21 0.29,1.83l95.14 44.52 95.14 -44.52c0.1,-0.61 0.19,-1.23 0.29,-1.83l-94.96 44.44c-0.31,0.15 -0.65,0.14 -0.94,0l-94.96 -44.44zm0.67 4.36c0.09,0.64 0.19,1.27 0.27,1.92l94.49 44.22 94.49 -44.22 0.27 -1.91 -94.3 44.13c-0.3,0.14 -0.63,0.13 -0.91,0l-94.31 -44.14zm0.57 4.32c0.08,0.66 0.16,1.33 0.23,2l93.96 43.97 93.96 -43.97c0.07,-0.67 0.15,-1.34 0.22,-1.99l-93.74 43.87c-0.29,0.13 -0.61,0.12 -0.87,0l-93.76 -43.88zm0.48 4.28c0.07,0.68 0.13,1.38 0.19,2.07l93.52 43.77 93.52 -43.77c0.06,-0.7 0.13,-1.38 0.2,-2.07l-93.3 43.66c-0.28,0.13 -0.58,0.12 -0.83,0l-93.3 -43.66zm0.38 4.23c0.06,0.71 0.11,1.43 0.16,2.15l93.17 43.6 93.17 -43.6c0.05,-0.72 0.11,-1.44 0.16,-2.15l-92.93 43.49c-0.26,0.12 -0.55,0.11 -0.79,0l-92.94 -43.49zm0.3 4.19c0.05,0.74 0.09,1.48 0.13,2.24l92.9 43.47 92.91 -43.47c0.03,-0.75 0.08,-1.5 0.12,-2.24l-92.65 43.36c-0.25,0.12 -0.52,0.11 -0.76,0l-92.65 -43.36zm0.22 4.15c0.04,0.77 0.07,1.54 0.1,2.32l92.71 43.39 92.71 -43.39c0.03,-0.78 0.07,-1.55 0.1,-2.32l-92.45 43.27c-0.23,0.11 -0.5,0.1 -0.72,0l-92.45 -43.27zm0.15 4.13c0.03,0.79 0.05,1.59 0.07,2.4l92.59 43.33 92.6 -43.33c0.01,-0.81 0.03,-1.61 0.06,-2.4l-92.32 43.2c-0.22,0.1 -0.47,0.1 -0.68,0l-92.32 -43.2zm0.09 4.09c0.01,0.45 0.02,0.89 0.03,1.34l0.01 1.14 92.53 43.31 92.54 -43.31 0.01 -1.14c0,-0.45 0.01,-0.89 0.02,-1.34l-92.25 43.17c-0.21,0.1 -0.44,0.09 -0.64,0l-92.25 -43.17zm0.05 4.07l0.02 2.57 92.5 43.29 92.5 -43.29 0.03 -2.57 -92.22 43.16c-0.2,0.09 -0.42,0.09 -0.61,0l-92.22 -43.16zm0.03 4.07l0.02 2.67 92.47 43.27 92.47 -43.27 0.02 -2.67 -92.2 43.15c-0.19,0.09 -0.4,0.08 -0.57,0l-92.21 -43.15zm0.03 4.06l0.02 2.77 92.44 43.26 92.44 -43.26 0.02 -2.77 -92.19 43.15c-0.18,0.08 -0.37,0.07 -0.53,0l-92.2 -43.15zm0.03 4.07l0.02 2.86 92.41 43.25 92.42 -43.25 0.01 -2.86 -92.18 43.14c-0.16,0.07 -0.34,0.07 -0.5,0l-92.18 -43.14zm0.03 4.06l0.01 2.96 92.39 43.24 92.39 -43.24 0.02 -2.96 -92.18 43.14c-0.15,0.07 -0.32,0.06 -0.46,0l-92.17 -43.14zm0.02 4.06l0.02 3.06 92.36 43.23 92.37 -43.23 0.01 -3.06 -92.17 43.14c-0.14,0.06 -0.29,0.06 -0.42,0l-92.17 -43.14zm0.02 4.06l0.02 3.16 92.34 43.21 92.35 -43.21 0.01 -3.16 -92.17 43.14c-0.12,0.06 -0.26,0.05 -0.38,0l-92.17 -43.14zm0.02 4.06l0.02 3.25 92.32 43.21 92.33 -43.21 0.01 -3.25 -92.16 43.14c-0.12,0.05 -0.25,0.05 -0.35,0l-92.17 -43.14zm0.02 4.06c0.35,80.81 0.06,206.32 -0.11,266.86l-4.4 0c0.21,-70.36 0.56,-228.33 -0.11,-302.05 -0.71,-78.79 -34.64,-100.16 -46.06,-105.13 0,-28.13 0,-56.26 0,-84.39l282.43 0c0,28.72 0,57.44 0,86.16 -13.67,7.5 -41.84,31.64 -42.49,103.36 -0.67,73.73 -0.32,231.7 -0.11,302.05l-4.39 0c-0.18,-60.54 -0.47,-186.05 -0.11,-266.86l-92.17 43.14c-0.1,0.04 -0.22,0.04 -0.31,0l-92.17 -43.14zm257.42 243.89l3.18 1.83c0.11,0.06 0.24,0.07 0.36,0.03l19.7 -7.32 -0.13 1.59 -18.47 6.86 -4.64 -2.99zm5.35 3.55l17.69 -6.57 -1.55 18.83 -15.08 5.38c-0.41,-5.52 -0.76,-11.4 -1.06,-17.64zm3.58 42.7l10.37 -3.85 0 0.06 -10.36 3.85 -0.01 -0.06zm0.32 2.25l9.85 -3.66 -0.01 0.16 -9.82 3.64 -0.02 -0.14zm0.33 2.24l9.32 -3.46 -0.02 0.26 -9.27 3.44 -0.03 -0.24zm0.35 2.23l8.77 -3.26 -0.03 0.36 -8.69 3.23 -0.05 -0.33zm0.37 2.22l8.2 -3.04 -0.04 0.46 -8.09 3 -0.07 -0.42zm0.49 2.18l7.51 -2.79 -0.05 0.57 -6.59 2.45 -0.87 -0.23zm3.79 0.96l3.52 -1.31 -0.06 0.67 -2.41 0.89 -1.05 -0.25zm215.4 1.54l-0.05 -0.49 0.81 0.28 -0.76 0.21zm3.42 -0.99l-3.66 -1.27 -0.07 -0.66 4.68 1.62 -0.95 0.31zm3.5 -1.22l-7.42 -2.58 -0.06 -0.56 8.21 2.85 -0.73 0.29zm1.13 -2.05l-8.81 -3.06 -0.05 -0.47 8.89 3.09 -0.03 0.44zm0.13 -2.4l-9.21 -3.2 -0.03 -0.36 9.26 3.22 -0.02 0.34zm0.14 -2.4l-9.61 -3.33 -0.03 -0.26 9.65 3.35 -0.01 0.24zm0.14 -2.39l-10.01 -3.47 -0.02 -0.16 10.04 3.48 -0.01 0.15zm0.15 -2.39l-10.43 -3.62 0 -0.05 10.43 3.62 0 0.05zm0.4 -83.5l0.19 0.07 0.18 -0.11c-0.12,0.04 -0.25,0.05 -0.37,0.04zm-218.33 -168.51l-0.2 0.07 -0.18 -0.1c0.12,0.03 0.25,0.04 0.38,0.03zm-6.95 84.4l-0.2 0.08 -0.18 -0.11c0.13,0.03 0.25,0.04 0.38,0.03zm-6.95 84.41l-0.2 0.07 -0.18 -0.1c0.13,0.03 0.26,0.04 0.38,0.03z');logo1 = new fabric.Path('M0.91 1.09c0,0.01 -0.01,0.01 -0.01,0.01 0,0 0,0.01 -0.01,0.01l-0.03 0.03c-0.01,0 -0.02,0.01 -0.02,0.01l-0.1 0.1c0,0 0,0 -0.01,0 -0.01,0.02 -0.03,0.03 -0.04,0.04l-0.03 0.03c-0.01,0.01 -0.02,0.01 -0.02,0.02 -0.01,-0.01 -0.06,-0.07 -0.07,-0.08 -0.03,-0.03 -0.07,-0.08 -0.1,-0.11 -0.01,-0.01 -0.01,-0.02 -0.02,-0.02 0,-0.01 -0.01,-0.01 -0.01,-0.02 -0.03,-0.03 -0.05,-0.05 -0.07,-0.08 -0.03,-0.02 -0.08,-0.09 -0.11,-0.11 -0.07,-0.05 -0.14,-0.05 -0.22,-0.02 -0.01,0.01 -0.03,0.03 -0.04,0.03 0,0.01 0.05,0.07 0.06,0.07l0.07 0.08c0,0 0,0 0.01,0.01 0,0 0.01,0.01 0.01,0.01 0.01,0.01 0.02,0.02 0.02,0.03l0.04 0.04c0.05,0.05 0.1,0.1 0.14,0.16 0,0 0.01,0 0.01,0.01l0.09 0.1c0.01,0.01 0.02,0.02 0.02,0.03 0.01,0.01 0.02,0.01 0.03,0.02 0.04,0.03 0.09,0.06 0.16,0.05 0.05,0 0.09,-0.03 0.13,-0.06 0.02,-0.02 0.04,-0.04 0.07,-0.06l0.07 -0.07c0.02,-0.02 0.13,-0.11 0.13,-0.12 0.01,0 0.01,-0.01 0.02,-0.01 0.06,-0.1 0.05,-0.19 -0.02,-0.27l-0.15 -0.17c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03 0,0 -0.01,-0.01 -0.01,-0.01l-0.09 -0.1c-0.02,-0.02 -0.03,-0.04 -0.05,-0.06 -0.02,-0.02 -0.03,-0.04 -0.05,-0.05 -0.01,-0.02 -0.1,-0.11 -0.1,-0.12 -0.02,0.01 -0.05,0.07 -0.06,0.09 -0.02,0.06 -0.01,0.12 0.02,0.17 0.01,0.03 0.04,0.06 0.06,0.08 0.04,0.04 0.07,0.08 0.1,0.12l0.19 0.2c0.01,0.01 0.02,0.02 0.02,0.02zm-0.35 0.04c0,-0.01 0.01,-0.01 0.02,-0.02 0.04,-0.06 0.06,-0.12 0.04,-0.19 -0.02,-0.07 -0.05,-0.09 -0.09,-0.13l-0.03 -0.04c-0.01,0 -0.01,-0.01 -0.02,-0.02 -0.03,-0.02 -0.06,-0.06 -0.09,-0.09l-0.1 -0.11c-0.01,-0.01 -0.07,-0.07 -0.07,-0.08 0.01,0 0.01,-0.01 0.02,-0.01 0,-0.01 0,-0.01 0.01,-0.01l0.04 -0.04c0.01,-0.01 0.02,-0.02 0.03,-0.03 0.01,0 0.01,-0.01 0.02,-0.01l0.12 -0.11c0,-0.01 0.02,-0.03 0.03,-0.03l0.08 0.09c0.03,0.03 0.05,0.05 0.07,0.08l0.16 0.17c0.04,0.04 0.06,0.07 0.11,0.09 0.07,0.03 0.12,0.02 0.18,-0.01 0.01,0 0.03,-0.02 0.04,-0.03 0,0 -0.02,-0.02 -0.02,-0.02l-0.15 -0.17c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03l-0.05 -0.05c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03 0,-0.01 -0.01,-0.02 -0.02,-0.03 -0.03,-0.04 -0.07,-0.07 -0.1,-0.11l-0.05 -0.05c-0.03,-0.03 -0.03,-0.04 -0.06,-0.06 -0.03,-0.03 -0.09,-0.06 -0.16,-0.05 -0.03,0.01 -0.05,0.02 -0.07,0.03 -0.03,0.01 -0.04,0.03 -0.06,0.05 -0.03,0.02 -0.06,0.05 -0.09,0.07 -0.01,0.01 -0.01,0.02 -0.02,0.03 -0.02,0.01 -0.04,0.03 -0.06,0.05 -0.01,0.01 -0.09,0.08 -0.1,0.09 -0.01,0.02 -0.03,0.05 -0.04,0.09 -0.02,0.06 0,0.12 0.03,0.16 0.02,0.03 0.03,0.04 0.05,0.06l0.15 0.17c0.01,0 0.02,0.02 0.03,0.02 0.01,0.01 0.02,0.02 0.02,0.03l0.08 0.08c0.01,0.01 0.02,0.02 0.03,0.03l0.05 0.06c0.01,0.01 0.09,0.11 0.1,0.11z');logo2 = new fabric.Path('M0.91 1.09c0,0.01 -0.01,0.01 -0.01,0.01 0,0 0,0.01 -0.01,0.01l-0.03 0.03c-0.01,0 -0.02,0.01 -0.02,0.01l-0.1 0.1c0,0 0,0 -0.01,0 -0.01,0.02 -0.03,0.03 -0.04,0.04l-0.03 0.03c-0.01,0.01 -0.02,0.01 -0.02,0.02 -0.01,-0.01 -0.06,-0.07 -0.07,-0.08 -0.03,-0.03 -0.07,-0.08 -0.1,-0.11 -0.01,-0.01 -0.01,-0.02 -0.02,-0.02 0,-0.01 -0.01,-0.01 -0.01,-0.02 -0.03,-0.03 -0.05,-0.05 -0.07,-0.08 -0.03,-0.02 -0.08,-0.09 -0.11,-0.11 -0.07,-0.05 -0.14,-0.05 -0.22,-0.02 -0.01,0.01 -0.03,0.03 -0.04,0.03 0,0.01 0.05,0.07 0.06,0.07l0.07 0.08c0,0 0,0 0.01,0.01 0,0 0.01,0.01 0.01,0.01 0.01,0.01 0.02,0.02 0.02,0.03l0.04 0.04c0.05,0.05 0.1,0.1 0.14,0.16 0,0 0.01,0 0.01,0.01l0.09 0.1c0.01,0.01 0.02,0.02 0.02,0.03 0.01,0.01 0.02,0.01 0.03,0.02 0.04,0.03 0.09,0.06 0.16,0.05 0.05,0 0.09,-0.03 0.13,-0.06 0.02,-0.02 0.04,-0.04 0.07,-0.06l0.07 -0.07c0.02,-0.02 0.13,-0.11 0.13,-0.12 0.01,0 0.01,-0.01 0.02,-0.01 0.06,-0.1 0.05,-0.19 -0.02,-0.27l-0.15 -0.17c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03 0,0 -0.01,-0.01 -0.01,-0.01l-0.09 -0.1c-0.02,-0.02 -0.03,-0.04 -0.05,-0.06 -0.02,-0.02 -0.03,-0.04 -0.05,-0.05 -0.01,-0.02 -0.1,-0.11 -0.1,-0.12 -0.02,0.01 -0.05,0.07 -0.06,0.09 -0.02,0.06 -0.01,0.12 0.02,0.17 0.01,0.03 0.04,0.06 0.06,0.08 0.04,0.04 0.07,0.08 0.1,0.12l0.19 0.2c0.01,0.01 0.02,0.02 0.02,0.02zm-0.35 0.04c0,-0.01 0.01,-0.01 0.02,-0.02 0.04,-0.06 0.06,-0.12 0.04,-0.19 -0.02,-0.07 -0.05,-0.09 -0.09,-0.13l-0.03 -0.04c-0.01,0 -0.01,-0.01 -0.02,-0.02 -0.03,-0.02 -0.06,-0.06 -0.09,-0.09l-0.1 -0.11c-0.01,-0.01 -0.07,-0.07 -0.07,-0.08 0.01,0 0.01,-0.01 0.02,-0.01 0,-0.01 0,-0.01 0.01,-0.01l0.04 -0.04c0.01,-0.01 0.02,-0.02 0.03,-0.03 0.01,0 0.01,-0.01 0.02,-0.01l0.12 -0.11c0,-0.01 0.02,-0.03 0.03,-0.03l0.08 0.09c0.03,0.03 0.05,0.05 0.07,0.08l0.16 0.17c0.04,0.04 0.06,0.07 0.11,0.09 0.07,0.03 0.12,0.02 0.18,-0.01 0.01,0 0.03,-0.02 0.04,-0.03 0,0 -0.02,-0.02 -0.02,-0.02l-0.15 -0.17c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03l-0.05 -0.05c-0.01,-0.01 -0.02,-0.02 -0.03,-0.03 0,-0.01 -0.01,-0.02 -0.02,-0.03 -0.03,-0.04 -0.07,-0.07 -0.1,-0.11l-0.05 -0.05c-0.03,-0.03 -0.03,-0.04 -0.06,-0.06 -0.03,-0.03 -0.09,-0.06 -0.16,-0.05 -0.03,0.01 -0.05,0.02 -0.07,0.03 -0.03,0.01 -0.04,0.03 -0.06,0.05 -0.03,0.02 -0.06,0.05 -0.09,0.07 -0.01,0.01 -0.01,0.02 -0.02,0.03 -0.02,0.01 -0.04,0.03 -0.06,0.05 -0.01,0.01 -0.09,0.08 -0.1,0.09 -0.01,0.02 -0.03,0.05 -0.04,0.09 -0.02,0.06 0,0.12 0.03,0.16 0.02,0.03 0.03,0.04 0.05,0.06l0.15 0.17c0.01,0 0.02,0.02 0.03,0.02 0.01,0.01 0.02,0.02 0.02,0.03l0.08 0.08c0.01,0.01 0.02,0.02 0.03,0.03l0.05 0.06c0.01,0.01 0.09,0.11 0.1,0.11z');color3 = new fabric.Path('M600 0l-50 0 0 9.17 50 0 0 -9.17zm-51.15 10.61l47.96 0 0 580.66 -544.3 0 0 -3.35 -47.18 0 0 -581.04 543.52 0 0 3.73zm-498.85 580.22l-50 0 0 9.17 50 0 0 -9.17z');color4 = new fabric.Path('M74.87 144.65c0.19,0.38 0.37,0.78 0.56,1.17l106.42 49.81 106.42 -49.8c0.19,-0.4 0.38,-0.8 0.57,-1.19l-106.37 49.78c-0.41,0.19 -0.86,0.18 -1.24,0l-106.36 -49.77zm388.75 380.33l4.15 1.94 19.41 -8.42 0.27 -18.97 -19.25 8.66c-0.03,0.02 -0.06,0.04 -0.09,0.04l0.46 -0.9 -6.58 12.93 1.63 4.72zm4.95 -17.8l18.89 -8.5 0.03 -1.6 -18.92 8.53 0 1.57zm0.01 -2.54l18.92 -8.51 0.02 -1.49 -18.94 8.51 0 1.49zm0 -2.54l18.96 -8.55 0.02 -1.36 -18.97 8.53 -0.01 1.38zm0.01 -2.53l18.99 -8.57 0.02 -1.29 -19 8.58 -0.01 1.28zm0.01 -2.54l19.01 -8.58 0.02 -1.19 -19.02 8.57 -0.01 1.2zm0.01 -2.57l19.04 -8.56 0.02 -1.09 -19.05 8.6 -0.01 1.05zm0.01 -2.54l19.07 -8.57 0.01 -0.98 -19.07 8.58 -0.01 0.97zm0.01 -2.53l19.1 -8.59 0.01 -0.88 -19.09 8.59 -0.01 0.01 -0.01 0.87zm0.01 -2.54l19.12 -8.63 0.01 -0.75 -19.07 8.56 -0.06 0.03 0 0.79zm0.01 -2.54l19.15 -8.64 0.01 -0.68 -19.05 8.6 -0.11 0.03 0 0.69zm0.01 -2.54l19.18 -8.65 0 -0.58 -19.02 8.6c-0.05,0.02 -0.11,0.04 -0.16,0.05l0.01 -1.39 -0.01 1.97zm-0.74 -0.7l-18.64 -9.09 -0.01 0.58 18.39 8.95 0.26 -0.44zm-1.11 1.91l-17.56 -8.52 -0.01 0.65 17.26 8.4 0.31 -0.53zm-1.12 1.91l-16.48 -7.98 -0.01 0.75 16.14 7.85 0.35 -0.62zm-1.12 1.95l-15.39 -7.48 -0.02 0.88 15.02 7.28 0.39 -0.68zm-1.1 1.92l-14.33 -6.96 -0.01 0.99 13.9 6.74 0.44 -0.77zm-1.11 1.94l-13.26 -6.45 -0.01 1.09 12.79 6.21 0.48 -0.85zm-1.09 1.93l-12.2 -5.93 -0.02 1.19 11.68 5.69 0.54 -0.95zm-1.1 1.95l-11.14 -5.43 -0.02 1.29 10.59 5.15 0.57 -1.01zm-1.09 1.94l-10.08 -4.89 -0.02 1.36 9.49 4.62 0.61 -1.09zm-1.08 1.93l-9.04 -4.37 -0.02 1.49 8.39 4.07 0.67 -1.19zm-1.09 1.95l-7.98 -3.88 -0.03 1.6 7.31 3.55 0.7 -1.27zm-1.07 1.94l-6.95 -3.37 -0.24 16.53c2.37,-4.39 4.76,-8.77 7.19,-13.16zm-11.46 21.1l3.84 -264.07c-15.12,0.68 -30.02,1.81 -44.34,3.16l0.64 -2.54c0.03,-1.86 -0.43,-3.43 0.23,-5.54 0.93,-2.18 0.46,-1.77 -0.03,-3.58 -0.14,-0.78 -0.19,-1.81 -0.2,-3.06 -0.02,-2.04 0.35,-3.89 1.42,-5.63 0.63,-1.15 0.64,-1.36 0.14,-2.3 -0.71,-1.25 -0.6,-2.69 0.42,-4.32 0.77,-1.06 -0.08,-2.97 0.07,-4.46l1.92 -3.82 19.57 -8.03c0,0 100.01,-2.86 101.44,-2.61 1.43,0.26 18.23,7.17 18.23,7.17l-7.42 36.07 -9.44 1.49c-4.38,-1.46 -11.36,-2.02 -19.21,-2.28 -5.52,-0.15 -11.02,-0.32 -16.54,-0.39l-4.37 300.75 65.68 -0.96 -0.68 21.18 -165 3.12 4.66 -22.28 28.84 0.33c6.85,-12.46 13.43,-24.93 20.13,-37.4zm8 -264.25l-0.06 3.81 19.15 9.01 19.42 -8.45 0.07 -4.91c-11.95,-0.12 -23.93,0.01 -35.95,0.44 -0.88,0.03 -1.76,0.06 -2.63,0.1zm30.98 300.37l3.24 -1.46 0.01 -0.58 -4.57 2.06 1.32 -0.02zm-5.83 0.08l9.11 -4.09 0 -0.48 -10.17 4.59 -0.88 0.01 -0.61 -1.77 11.7 -5.27 0 0.37 -11.59 5.21 0.5 1.46 1.94 -0.03zm-3.2 -3.63l12.38 -5.59 0.01 -0.24 -12.47 5.6 0.08 0.23zm-0.76 -2.2l13.18 -5.94 0 -0.14 -13.22 5.96 0.04 0.12zm-0.75 -2.19l13.97 -6.3 0 -0.07 -14 6.31 0.03 0.06zm17.68 -261.28l-18.93 8.54c-0.32,0.13 -0.67,0.12 -0.96,-0.02l-18.68 -9.08 0 0.07 19.15 9.29 19.42 -8.76 0 -0.04zm-0.04 2.45l-18.95 8.53c-0.3,0.13 -0.64,0.13 -0.92,-0.01l-18.69 -9.08 -0.01 0.17 19.15 9.29 19.42 -8.73 0 -0.17zm-0.04 2.45l-18.97 8.56c-0.29,0.13 -0.61,0.1 -0.87,-0.01l-18.72 -9.11 0 0.27 19.15 9.29 19.41 -8.73 0 -0.27zm-0.03 2.45l-18.99 8.56c-0.28,0.13 -0.58,0.13 -0.84,-0.01l-18.73 -9.11 -0.01 0.37 19.15 9.29 19.41 -8.73 0.01 -0.37zm-0.04 2.44l-19.01 8.57c-0.26,0.13 -0.55,0.13 -0.8,-0.01l-18.75 -9.08 -0.01 0.44 19.15 9.32 19.42 -8.76 0 -0.48zm-0.03 2.48l-19.03 8.57c-0.25,0.1 -0.53,0.09 -0.76,-0.01l-18.78 -9.12 0 0.55 19.14 9.32 19.42 -8.76 0.01 -0.55zm-0.04 2.45l-19.04 8.57c-0.25,0.13 -0.51,0.09 -0.73,-0.02l-18.79 -9.11 -0.01 0.68 19.15 9.29 19.41 -8.73 0.01 -0.68zm-0.03 2.45l-19.08 8.6c-0.22,0.09 -0.47,0.09 -0.67,-0.01l-18.82 -9.15 -0.01 0.78 19.15 9.29 19.41 -8.73 0.02 -0.78zm-0.04 2.45l-19.09 8.59c-0.21,0.1 -0.45,0.1 -0.64,-0.01l-18.83 -9.14 -0.02 0.88 19.15 9.29 19.42 -8.73 0.01 -0.88zm-0.04 2.45l-19.1 8.62c-0.21,0.07 -0.43,0.07 -0.61,0l-18.85 -9.19 -0.01 0.99 19.15 9.32 19.41 -8.76 0.01 -0.98zm-0.03 2.44l-19.13 8.63c-0.19,0.1 -0.39,0.06 -0.57,-0.01l-18.86 -9.18 -0.02 1.09 19.15 9.32 19.41 -8.76 0.02 -1.09zm-0.04 2.48l-19.14 8.6c-0.18,0.1 -0.37,0.1 -0.53,-0.01l-18.89 -9.15 -0.02 1.16 19.15 9.32 19.42 -8.76 0.01 -1.16zm-0.03 2.45l-19.17 8.63c-0.16,0.07 -0.34,0.06 -0.49,-0.01l-18.91 -9.18 -0.01 1.29 19.14 9.29 19.42 -8.73 0.02 -1.29zm-0.04 2.45l-19.19 8.63c-0.14,0.06 -0.31,0.06 -0.44,-0.01l-18.93 -9.18 -0.02 1.39 19.15 9.29 19.41 -8.73 0.02 -1.39zm-0.03 2.45l-19.21 8.66c-0.14,0.06 -0.29,0.03 -0.41,-0.01l-18.95 -9.21 -0.02 1.49 19.15 9.29 19.41 -8.73 0.03 -1.49zm-0.04 2.44l-19.23 8.67c-0.12,0.06 -0.25,0.06 -0.37,-0.01l-18.96 -9.22 -0.03 1.6 19.15 9.32 19.42 -8.76 0.02 -1.6zm-0.04 2.45l-19.24 8.66c-0.11,0.07 -0.23,0.07 -0.33,0l-18.99 -9.22 -0.27 18.97 19.15 9.01 19.41 -8.45 0.27 -18.97zm-0.66 45.75l-18.93 8.53c-0.32,0.14 -0.67,0.13 -0.96,-0.01l-18.67 -9.08 0 0.04 19.14 9.32 19.42 -8.76 0 -0.04zm-0.04 2.45l-18.94 8.53c-0.31,0.13 -0.65,0.13 -0.93,-0.01l-18.69 -9.08 0 0.17 19.15 9.29 19.41 -8.73 0 -0.17zm-0.03 2.45l-18.97 8.53c-0.29,0.13 -0.61,0.13 -0.88,-0.01l-18.71 -9.08 -0.01 0.27 19.15 9.29 19.41 -8.73 0.01 -0.27zm-0.04 2.45l-18.99 8.56c-0.28,0.13 -0.58,0.09 -0.84,-0.01l-18.73 -9.11 -0.01 0.37 19.15 9.29 19.42 -8.73 0 -0.37zm-0.03 2.44l-19.01 8.57c-0.27,0.13 -0.56,0.12 -0.8,-0.02l-18.76 -9.11 0 0.48 19.14 9.32 19.42 -8.76 0.01 -0.48zm-0.04 2.49l-19.03 8.56c-0.25,0.1 -0.53,0.09 -0.76,-0.01l-18.77 -9.12 -0.01 0.55 19.15 9.32 19.41 -8.76 0.01 -0.54zm-0.04 2.44l-19.04 8.57c-0.24,0.09 -0.51,0.09 -0.73,-0.02l-18.79 -9.11 -0.01 0.65 19.15 9.32 19.42 -8.76 0 -0.65zm-0.03 2.45l-19.07 8.6c-0.23,0.1 -0.48,0.06 -0.68,-0.01l-18.81 -9.15 -0.01 0.78 19.14 9.29 19.42 -8.73 0.01 -0.78zm-0.04 2.45l-19.09 8.59c-0.21,0.1 -0.44,0.1 -0.64,-0.01l-18.83 -9.14 -0.01 0.88 19.15 9.29 19.41 -8.73 0.01 -0.88zm-0.03 2.44l-19.11 8.6c-0.2,0.1 -0.42,0.1 -0.61,-0.01l-18.84 -9.15 -0.02 0.99 19.15 9.29 19.41 -8.73 0.02 -0.99zm-0.04 2.45l-19.12 8.63c-0.19,0.07 -0.4,0.06 -0.57,-0.01l-18.87 -9.18 -0.02 1.09 19.15 9.32 19.42 -8.76 0.01 -1.09zm-0.03 2.45l-19.15 8.63c-0.17,0.1 -0.37,0.06 -0.53,-0.01l-18.89 -9.18 -0.01 1.19 19.15 9.32 19.41 -8.76 0.02 -1.19zm-0.04 2.48l-19.17 8.63c-0.16,0.07 -0.34,0.06 -0.49,-0.01l-18.9 -9.18 -0.02 1.26 19.15 9.32 19.41 -8.76 0.02 -1.26zm-0.03 2.45l-19.19 8.63c-0.15,0.06 -0.31,0.06 -0.45,-0.01l-18.93 -9.18 -0.02 1.39 19.15 9.29 19.42 -8.73 0.02 -1.39zm-0.04 2.45l-19.21 8.62c-0.13,0.07 -0.28,0.07 -0.4,0l-18.95 -9.19 -0.02 1.5 19.14 9.29 19.42 -8.73 0.02 -1.49zm-0.04 2.44l-19.22 8.67c-0.13,0.06 -0.26,0.03 -0.37,-0.01l-18.97 -9.22 -0.02 1.6 19.15 9.29 19.41 -8.73 0.02 -1.6zm-0.03 2.45l-19.25 8.66c-0.11,0.07 -0.23,0.07 -0.33,0l-18.98 -9.22 -0.28 18.97 19.15 9.01 19.41 -8.45 0.28 -18.97zm-0.67 45.76l-18.93 8.49c-0.32,0.17 -0.66,0.13 -0.96,-0.01l-18.67 -9.05 0 0.04 19.15 9.32 19.41 -8.76 0 -0.03zm-0.03 2.44l-18.95 8.53c-0.31,0.13 -0.64,0.13 -0.92,-0.01l-18.7 -9.08 0 0.14 19.15 9.32 19.42 -8.76 0 -0.14zm-0.04 2.45l-18.97 8.53c-0.29,0.13 -0.61,0.13 -0.88,-0.01l-18.71 -9.08 0 0.27 19.14 9.29 19.42 -8.73 0 -0.27zm-0.03 2.45l-18.99 8.56c-0.28,0.13 -0.59,0.09 -0.84,-0.01l-18.74 -9.11 0 0.37 19.15 9.29 19.41 -8.73 0.01 -0.37zm-0.04 2.44l-19.01 8.57c-0.26,0.13 -0.56,0.13 -0.8,-0.01l-18.75 -9.12 -0.01 0.48 19.15 9.29 19.41 -8.73 0.01 -0.48zm-16.95 -173.6l0.19 0.1 0.19 -0.1c-0.13,0.03 -0.25,0.03 -0.38,0zm-1.24 84.98l0.19 0.1 0.19 -0.1c-0.12,0.03 -0.25,0.03 -0.38,0zm-1.23 84.98l0.19 0.07 0.19 -0.07c-0.13,0 -0.25,0 -0.38,0zm-397.43 -316.08c-6.53,17.18 -17.21,32.64 -21.67,46.89l-17.37 -5.23c0,0 -12.76,-23.37 -12.3,-26.75 0.46,-3.38 5.23,-35.04 5.23,-35.04l17.52 -10.45 8.52 0.28c-4.88,-4.03 -9.22,-6.35 -12.11,-7.61 0,-28.13 0,-71.51 0,-99.64l282.43 0c0,28.72 0,72.69 0,101.41 -2.43,1.33 -5.32,3.19 -8.43,5.75l5.79 -0.19 17.52 10.45c0,0 4.76,31.66 5.23,35.04 0.46,3.38 -12.3,26.75 -12.3,26.75l-17.37 5.23c-4.36,-13.94 -14.69,-29.05 -21.25,-45.78 -6.57,15.52 -11.41,36.86 -11.68,66.11 -0.67,73.73 -0.32,231.7 -0.11,302.05l-4.39 0c-0.18,-60.54 -0.47,-186.05 -0.11,-266.86l-92.17 43.14c-0.1,0.04 -0.22,0.04 -0.31,0l-92.17 -43.14c0.35,80.81 0.06,206.32 -0.11,266.86l-4.4 0c0.21,-70.36 0.56,-228.33 -0.11,-302.05 -0.29,-32.62 -6.29,-55.4 -14.02,-71.24l0.14 4.02zm6.18 -0.58c0.17,0.42 0.35,0.83 0.53,1.26l104.11 48.73 104.11 -48.73c0.18,-0.42 0.36,-0.84 0.53,-1.26l-104.04 48.69c-0.39,0.19 -0.83,0.17 -1.2,0l-104.04 -48.69zm1.98 4.98l0.49 1.34 102.17 47.81 102.17 -47.81 0.49 -1.34 -102.07 47.77c-0.39,0.18 -0.81,0.17 -1.17,0l-102.08 -47.77zm1.7 4.85l0.45 1.42 100.51 47.03 100.51 -47.03c0.15,-0.48 0.3,-0.95 0.45,-1.42l-100.39 46.98c-0.38,0.18 -0.79,0.16 -1.13,0l-100.4 -46.98zm1.46 4.73c0.14,0.5 0.28,0.99 0.42,1.5l99.08 46.37 99.08 -46.37c0.14,-0.5 0.28,-1 0.42,-1.5l-98.95 46.31c-0.36,0.17 -0.76,0.16 -1.09,0l-98.96 -46.31zm1.25 4.64c0.14,0.53 0.27,1.05 0.4,1.58l97.85 45.8 97.86 -45.8c0.12,-0.53 0.25,-1.06 0.38,-1.58l-97.71 45.73c-0.35,0.16 -0.73,0.15 -1.05,0l-97.73 -45.73zm1.09 4.56c0.12,0.55 0.24,1.1 0.36,1.66l96.8 45.31 96.81 -45.31c0.11,-0.56 0.23,-1.11 0.35,-1.66l-96.65 45.23c-0.33,0.16 -0.71,0.15 -1.02,0l-96.65 -45.23zm0.93 4.48l0.33 1.75 95.9 44.88 95.9 -44.87c0.11,-0.59 0.22,-1.18 0.33,-1.76l-95.74 44.81c-0.32,0.15 -0.68,0.14 -0.98,0l-95.74 -44.81zm0.8 4.43c0.1,0.6 0.2,1.21 0.29,1.83l95.14 44.52 95.14 -44.52c0.1,-0.61 0.19,-1.23 0.29,-1.83l-94.96 44.44c-0.31,0.15 -0.65,0.14 -0.94,0l-94.96 -44.44zm0.67 4.36c0.09,0.64 0.19,1.27 0.27,1.92l94.49 44.22 94.49 -44.22 0.27 -1.91 -94.3 44.13c-0.3,0.14 -0.63,0.13 -0.91,0l-94.31 -44.14zm0.57 4.32c0.08,0.66 0.16,1.33 0.23,2l93.96 43.97 93.96 -43.97c0.07,-0.67 0.15,-1.34 0.22,-1.99l-93.74 43.87c-0.29,0.13 -0.61,0.12 -0.87,0l-93.76 -43.88zm0.48 4.28c0.07,0.68 0.13,1.38 0.19,2.07l93.52 43.77 93.52 -43.77c0.06,-0.7 0.13,-1.38 0.2,-2.07l-93.3 43.66c-0.28,0.13 -0.58,0.12 -0.83,0l-93.3 -43.66zm0.38 4.23c0.06,0.71 0.11,1.43 0.16,2.15l93.17 43.6 93.17 -43.6c0.05,-0.72 0.11,-1.44 0.16,-2.15l-92.93 43.49c-0.26,0.12 -0.55,0.11 -0.79,0l-92.94 -43.49zm0.3 4.19c0.04,0.74 0.09,1.48 0.13,2.24l92.9 43.47 92.91 -43.47c0.03,-0.75 0.08,-1.5 0.12,-2.24l-92.65 43.36c-0.25,0.12 -0.52,0.11 -0.76,0l-92.65 -43.36zm0.22 4.15c0.04,0.77 0.07,1.54 0.1,2.32l92.71 43.39 92.71 -43.39c0.03,-0.78 0.07,-1.55 0.1,-2.32l-92.45 43.27c-0.24,0.11 -0.5,0.1 -0.72,0l-92.45 -43.27zm0.15 4.13c0.03,0.79 0.05,1.59 0.07,2.4l92.59 43.33 92.6 -43.33c0.01,-0.81 0.03,-1.61 0.06,-2.4l-92.32 43.2c-0.22,0.1 -0.47,0.1 -0.68,0l-92.32 -43.2zm0.09 4.09c0.01,0.45 0.02,0.89 0.03,1.34l0 1.14 92.54 43.31 92.54 -43.31 0.01 -1.14c0,-0.45 0.01,-0.89 0.02,-1.34l-92.25 43.17c-0.21,0.1 -0.44,0.09 -0.64,0l-92.25 -43.17zm0.05 4.07l0.02 2.57 92.5 43.29 92.5 -43.29 0.02 -2.57 -92.21 43.16c-0.2,0.09 -0.42,0.09 -0.61,0l-92.22 -43.16zm0.03 4.07l0.02 2.67 92.47 43.27 92.47 -43.27 0.02 -2.67 -92.2 43.15c-0.19,0.09 -0.4,0.08 -0.57,0l-92.21 -43.15zm0.03 4.06l0.02 2.77 92.44 43.26 92.44 -43.26 0.02 -2.77 -92.19 43.15c-0.18,0.08 -0.37,0.07 -0.53,0l-92.2 -43.15zm0.03 4.07l0.02 2.86 92.41 43.25 92.41 -43.25 0.02 -2.86 -92.18 43.14c-0.16,0.07 -0.34,0.07 -0.5,0l-92.18 -43.14zm0.02 4.06l0.02 2.96 92.39 43.24 92.39 -43.24 0.02 -2.96 -92.18 43.14c-0.15,0.07 -0.32,0.06 -0.46,0l-92.18 -43.14zm0.03 4.06l0.02 3.06 92.36 43.23 92.37 -43.23 0.01 -3.06 -92.17 43.14c-0.14,0.06 -0.29,0.06 -0.42,0l-92.17 -43.14zm0.02 4.06l0.02 3.16 92.34 43.21 92.35 -43.21 0.01 -3.16 -92.17 43.14c-0.12,0.06 -0.26,0.05 -0.38,0l-92.17 -43.14zm0.02 4.06l0.02 3.25 92.32 43.21 92.33 -43.21 0.01 -3.25 -92.16 43.14c-0.12,0.05 -0.25,0.05 -0.35,0l-92.17 -43.14z'); var cl1='#ED3237'; $('#spncl1').css('background-color', cl1); var cl2='#314F82'; $('#spncl2').css('background-color', cl2); canvas.add(color1.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl1 }));canvas.add(color2.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl2 }));canvas.add(logo1.set({ left: 220, top: 80, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvas.add(logo2.set({ left: 436, top: 248, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvast.add(color3.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl1 }));canvast.add(color4.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl2 }));color1.selectable=false;color2.selectable=false;logo1.selectable=false;logo2.selectable=false;color3.selectable=false;color4.selectable=false; var dbplnumber = "8"; var dbteam = "team"; var dbplayer = "player"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/elite_sfn_front_1.virtual"; var dbback3d = "../virtual3d_images/elite_sfn_back_1.virtual"; var dbtagleft = "210"; var dbtagtop = "45"; var dbtagsize = "45"; fabric.Image.fromURL(dbbtag, function(oImgj) { oImgj.set({left:dbtagleft, top:dbtagtop}); oImgj.scaleToWidth(dbtagsize); canvas.add(oImgj); oImgj.selectable = false; }); /* mask load */ fabric.Image.fromURL(dbfront3d, function(oImgj) { oImgj.set({left:300, top:300}); oImgj.scaleToWidth(600); canvas.add(oImgj); oImgj.selectable = false; }); fabric.Image.fromURL(dbback3d, function(oImgj) { oImgj.set({left:300, top:300}); oImgj.scaleToWidth(600) canvast.add(oImgj); oImgj.selectable = false; }); /* Color Change in SVG */ 1,5 $("#color1").on("click", "li", function (event) { event.preventDefault(); $('#box').prop('checked', true); var col = $(this).children('span').css('background-color'); var newcol = new fabric.Color(col).toHex(); $('#ctitle').html($(this).attr('title')); color1.set('fill', col);color3.set('fill', col); $('#newcolor').css('background-color', newcol); var color1atr = $(this).attr('title'); $('#color1val').val(color1atr); $(this).closest('.panel').children('.panel-heading').children('.picker').css('background-color', col); canvas.renderAll(); canvast.renderAll(); }); 2,6 $("#color2").on("click", "li", function (event) { event.preventDefault(); $('#box').prop('checked', true); var col = $(this).children('span').css('background-color'); var newcol = new fabric.Color(col).toHex(); $('#ctitle').html($(this).attr('title')); color2.set('fill', col);color4.set('fill', col); $('#newcolor').css('background-color', newcol); var color2atr = $(this).attr('title'); $('#color2val').val(color2atr); $(this).closest('.panel').children('.panel-heading').children('.picker').css('background-color', col); canvas.renderAll(); canvast.renderAll(); }); /*Front Text start*/ /*Front Team text start*/ var teamfrontTControl = document.getElementById('teamfront') function updateControls() { teamfrontTControl.value = teamfront.getText(); } teamfrontTControl.onkeyup = function () { var teamfrontText = document.getElementById('teamfront').value; var nLength = teamfrontText.length; teamfrontText = " "+teamfrontText; $('#teamfrontval').val(teamfrontText); teamfront1.setText(teamfrontText) canvas.renderAll() updateControls() } var dbteamfont = "35"; var dbteamstroke = "1"; var dbteamleft = "155"; var dbteamtop = "185"; var teamfront = $('#teamfront').val(); var nLen = teamfront.length; teamfront = " "+teamfront; teamfront1 = new fabric.Text(teamfront, { fontSize: dbteamfont, left: dbteamleft, top: dbteamtop, fill: $('#front_sold_color').val(), fontFamily: $('#name_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbteamstroke }); canvas.add(teamfront1); teamfront1.selectable=true; teamfront1.on('selected', function() { $('#scufontfamily').val(this.get("fontFamily")); }); var dbnm1font = "50"; var dbnm1stroke = "2"; var dbnm1left = "83"; var dbnm1top = "100"; var dbnm1angle = "0"; playernumber3 = new fabric.Text(dbplnumber, { fontSize: dbnm1font, left: dbnm1left, top: dbnm1top, fill: $('#front_sold_color').val(), fontFamily: $('#number_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbnm1stroke, angle: dbnm1angle }); var dbnm2font = "60"; var dbnm2stroke = "2"; var dbnm2left = "510"; var dbnm2top = "530"; var dbnm2angle = "0"; playernumber4 = new fabric.Text(dbplnumber, { fontSize: dbnm2font, left: dbnm2left, top: dbnm2top, fill: $('#front_sold_color').val(), fontFamily: $('#number_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbnm2stroke, angle: dbnm2angle }); canvas.add(playernumber3);canvas.add(playernumber4);playernumber3.selectable=true; playernumber4.selectable=true; playernumber3.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); playernumber4.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); /*Front Team text end*/ var playernumberTControl = document.getElementById('playernumber') function updateControls() { playernumberTControl.value = playernumber.getText(); } playernumberTControl.onkeyup = function () { var playernumberText = document.getElementById('playernumber').value; var nLength = playernumberText.length; playernumberText = " "+playernumberText; $('#playernumberval').val(playernumberText); playernumber.setText(playernumberText) canvas.renderAll() canvast.renderAll() updateControls() } var dbplayerfont = "30"; var dbplayerstroke = "1"; var dbplayerleft = "180"; var dbplayertop = "100"; var PlayerName = $('#playernumber').val(); var nLen = PlayerName.length; PlayerName = " "+PlayerName; playernumber = new fabric.Text(PlayerName, { fontSize: dbplayerfont, left: dbplayerleft, top: dbplayertop, fontFamily: $('#name_ffamily').val(), fontWeight: 'normal', fill: $('#front_sold_color').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbplayerstroke }); canvast.add(playernumber);playernumber.selectable=true; playernumber.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); /*Front text EnD*/ var playernumber2TControl = document.getElementById('playernumber2') function updateControls() { playernumber2TControl.value = playernumber2.getText(); } playernumber2TControl.onkeyup = function () { var playernumber2Text = document.getElementById('playernumber2').value $('#playernumber2val').val(playernumber2Text); playernumber2.set({text: playernumber2Text}) playernumber3.set({text: playernumber2Text}) playernumber4.set({text: playernumber2Text}) playernumber5.set({text: playernumber2Text}) canvast.renderAll() canvas.renderAll() updateControls() } var dbnm3font = "150"; var dbnm3stroke = "2"; var dbnm3left = "180"; var dbnm3top = "200"; var dbnm3angle = "0"; playernumber5 = new fabric.Text(dbplnumber, { fontSize: dbnm3font, left: dbnm3left, top: dbnm3top, fill: $('#front_sold_color').val(), fontFamily: $('#number_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbnm3stroke, angle: dbnm3angle }); canvast.add(playernumber5);playernumber5.selectable=true playernumber5.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); var dbnm4font = "60"; var dbnm4stroke = "2"; var dbnm4left = "400"; var dbnm4top = "530"; var dbnm4angle = "0"; playernumber2 = new fabric.Text(dbplnumber, { fontSize: dbnm4font, left: dbnm4left, top: dbnm4top, fill: $('#front_sold_color').val(), fontFamily: $('#number_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbnm4stroke, angle: dbnm4angle }); canvast.add(playernumber2);playernumber2.selectable=true; playernumber2.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); $('#down').click(function(){ $('#down').addClass('tsactive'); $('#straight').removeClass('tsactive'); $('#up').removeClass('tsactive'); canvast.remove(playernumber); PlayerName = $('#playernumber').val(); playernumber = new fabric.CurvedText(PlayerName,{ width: 100, height: 50, left: dbplayerleft, top: dbplayertop, textAlign: 'center', fontFamily: $('#scufontfamily').val(), fontWeight: 'normal', fill: $('#front_sold_color').val(), stroke: $('#front_outline_color').val(), radius: 100, fontSize: dbplayerfont, spacing: 7, reverse: true, angle: -5, }); canvast.add(playernumber); playernumber.selectable=true canvast.renderAll() updateControls(); playernumber.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); }); $('#up').click(function(){ $('#up').addClass('tsactive'); $('#straight').removeClass('tsactive'); $('#down').removeClass('tsactive'); canvast.remove(playernumber); PlayerName = $('#playernumber').val(); playernumber = new fabric.CurvedText(PlayerName,{ width: 100, height: 50, left: dbplayerleft, top: dbplayertop, fontFamily: $('#scufontfamily').val(), fontWeight: 'normal', fill: $('#front_sold_color').val(), stroke: $('#front_outline_color').val(), radius: 100, fontSize: dbplayerfont, spacing: 7, textAlign: 'center', reverse: false, angle: 7, }); canvast.add(playernumber); playernumber.selectable=true canvast.renderAll() updateControls(); playernumber.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); }); $('#straight').click(function(){ $('#straight').addClass('tsactive'); $('#up').removeClass('tsactive'); $('#down').removeClass('tsactive'); canvast.remove(playernumber); PlayerName = $('#playernumber').val(); playernumber = new fabric.Text(PlayerName, { fontSize: dbplayerfont, left: dbplayerleft, top: dbplayertop, fontFamily: $('#scufontfamily').val(), fontWeight: 'normal', fill: $('#front_sold_color').val(), stroke: $('#front_outline_color').val(), }); canvast.add(playernumber); playernumber.selectable=true canvast.renderAll() updateControls(); playernumber.on('selected', function() { $('#scufontfamily').val((this.get("fontFamily"))); }); }); $('#scufontcolor li').click(function() { var col = $(this).data('color'); $('#front_sold_color').val(col); if($('#showFront').hasClass('active')) { try { var selText = canvas.getActiveObject().getText(); if(isNaN(selText)) { canvas.getActiveObject().setFill(col); canvas.renderAll(); } else{ setNumberFillColor(col) } } catch(err) { } } if($('#showBack').hasClass('active')) { try { var selText = canvast.getActiveObject().getText(); if(isNaN(selText)) { canvast.getActiveObject().setFill(col); canvast.renderAll(); } else{ setNumberFillColor(col) } } catch(err) { } } backtcolor_change(col); }); function setNumberFillColor(col){ canvas.setActiveObject(playernumber3); canvas.getActiveObject().setFill(col); canvas.setActiveObject(playernumber4); canvas.getActiveObject().setFill(col); canvas.renderAll(); canvast.setActiveObject(playernumber2); canvast.getActiveObject().setFill(col); canvast.setActiveObject(playernumber5); canvast.getActiveObject().setFill(col); canvast.renderAll(); } function setNumberStrokeColor(col){ canvas.setActiveObject(playernumber3); canvas.getActiveObject().setStroke(col); canvas.setActiveObject(playernumber4); canvas.getActiveObject().setStroke(col); canvas.renderAll(); canvast.setActiveObject(playernumber2); canvast.getActiveObject().setStroke(col); canvast.setActiveObject(playernumber5); canvast.getActiveObject().setStroke(col); canvast.renderAll(); } function backtcolor_change(selected_color) { $('#scufontcolor li').each(function (indx, ele) { if($(ele).data('color') == selected_color) { $(ele).children('span').addClass('selected'); } else { $(ele).children('span').removeClass('selected'); } }); } $('#scufontocolor li').click(function() { var col = $(this).data('color'); $('#front_outline_color').val(col); if($('#showFront').hasClass('active')) { try { var selText = canvas.getActiveObject().getText(); if(isNaN(selText)) { canvas.getActiveObject().setStroke(col); canvas.renderAll(); } else{ setNumberStrokeColor(col) } } catch(err) { } } if($('#showBack').hasClass('active')) { try { var selText = canvast.getActiveObject().getText(); if(isNaN(selText)) { canvast.getActiveObject().setStroke(col); canvast.renderAll(); } else{ setNumberStrokeColor(col) } } catch(err) { } } backtocolor_change(col); }); function backtocolor_change(selected_color) { $('#scufontocolor li').each(function (indx, ele) { if($(ele).data('color') == selected_color) { $(ele).children('span').addClass('selected'); } else { $(ele).children('span').removeClass('selected'); } }); } function setNumberFontFamily(strFontFamily) { canvas.setActiveObject(playernumber3); canvas.getActiveObject().setFontFamily(strFontFamily); canvas.setActiveObject(playernumber4); canvas.getActiveObject().setFontFamily(strFontFamily); canvas.renderAll(); canvast.setActiveObject(playernumber2); canvast.getActiveObject().setFontFamily(strFontFamily); canvast.setActiveObject(playernumber5); canvast.getActiveObject().setFontFamily(strFontFamily); canvast.renderAll(); } document.getElementById('scufontfamily').onchange = function() { if($('#showFront').hasClass('active')) { try { var selText = canvas.getActiveObject().getText(); if(isNaN(selText)) { canvas.getActiveObject().setFontFamily(this.value); canvas.renderAll(); } else{ setNumberFontFamily(this.value); } } catch(err) { } } if($('#showBack').hasClass('active')) { try { var selText = canvast.getActiveObject().getText(); if(isNaN(selText)) { canvast.getActiveObject().setFontFamily(this.value); canvast.renderAll(); } else{ setNumberFontFamily(this.value); } } catch(err) { } } }; /******************************END***************************/ function hidesuccess() { document.getElementById('logosucess').style.display = "none"; } document.getElementById('frontlogos').onchange = function handleImage(e) { var reader = new FileReader(); reader.onload = function (event) { document.getElementById('logosucess').style.display = "inline"; var imgObj = new Image(); imgObj.src = event.target.result; imgObj.onload = function () { logo = new fabric.Image(imgObj); logo.set({left: 160,top: 80}); logo.scaleToWidth(100); canvas.add(logo); canvas.setActiveObject(logo); logo.selectable=true setTimeout(hidesuccess, 5000); } } reader.readAsDataURL(e.target.files[0]); document.getElementById('frontlogos'); } canvas.renderAll(); document.getElementById('backlogos').onchange = function handleImage(e) { var reader = new FileReader(); reader.onload = function (event) { document.getElementById('logosucess').style.display = "inline"; var imgObj = new Image(); imgObj.src = event.target.result; imgObj.onload = function () { logo = new fabric.Image(imgObj); logo.set({left: 160,top: 80}); logo.scaleToWidth(100); canvast.add(logo); canvast.setActiveObject(logo); logo.selectable=true setTimeout(hidesuccess, 5000); } } reader.readAsDataURL(e.target.files[0]); document.getElementById('backlogos'); } canvast.renderAll(); $(window).load(function(){ setTimeout(function(){ $( "#showFront" ).trigger( "click" ); }, 1500); $('#playernumber2').val(dbplnumber); $('#teamfront').val(dbteam); $('#playernumber').val(dbplayer); $x = $('#name_ffamily').val(); $('#teamfront').css("font-family",$x); $('#playernumber').css("font-family",$x); $y = $('#number_ffamily').val(); $('#playernumber2').css("font-family",$y); /*$('#mme a').css('color', ''); $('#mme').parent().css('border', '');*/ $v = $('#name_ffamily').val(); $('#scufontfamily').css("font-family",$v); var dbnff = $('#name_ffamily').val(); $("#scufontfamily > [value=" + dbnff + "]").attr("selected", "true"); }) $('#scufontfamily').change(function() { $('#teamfront').css("font-family", $(this).val()); $('#playernumber').css("font-family", $(this).val()); $('#scufontfamily').css("font-family", $(this).val()); }); } loadBaseShirts(); canvas.calcOffset();