// 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('M382.69 172.22l-9.91 83.4 3 50.11 5.25 18.15 4.44 4.03 0.32 -4.8 -4.74 -15.36c-0.56,-2.75 0,-7.93 -0.17,-12.37 -0.1,-3.05 0.06,-6.11 0.39,-9.18l0.23 -5.43 0.3 -8.66 -0.08 -13.84c0.01,-6.48 0.12,-12.79 0.38,-18.86 0.07,-4.46 0.9,-10.18 0.59,-13.07 0,-1.54 -0.38,-2.34 0,-4.61 0.45,-0.49 0.48,-2.48 1.07,-3.59 0.6,-1.13 0.42,-0.82 0.62,-2.3l0.63 -4.62 -0.13 -9.58 0.37 -4.98 1.61 -8.07 1.11 -4.76c1.59,-7.22 1.95,-14.85 2.92,-22.27 0.83,-7.74 1.94,-14.92 3.32,-21.58 0.13,-1.24 0.47,-2.79 0.4,-3.72 0.01,-2.35 0.12,-4.85 0.73,-7.61 0.62,-2.82 0.76,-4.68 1.1,-5.57 0.36,0.25 0.87,0.48 1.54,0.67 3.75,1.07 5.73,1.4 5.8,1.18 -0.04,-0.29 -0.61,-0.36 -0.64,-0.6 -0.16,-0.59 -0.12,-1.05 0.24,-1.3l-0.62 -0.49c-0.95,-0.41 -1.47,-1.81 -1.85,-3.53 -0.39,-1.42 -0.59,-3.56 -0.73,-5.93 -0.19,-2.87 -0.24,-6.09 -0.18,-9.57 -0.17,-0.45 0.08,-1.36 0.99,-2.98 0.71,-1.31 1.34,-1.83 1.87,-1.44 0.2,-0.11 0.17,-0.24 -0.08,-0.39 -0.14,-0.53 -3.15,-0.61 -1.75,-1.05 2.74,-0.24 5.6,-0.63 8.41,-0.95l0.73 -2.77 -13.47 -0.19 -4.35 26.7 3.02 0.83c-0.99,0.18 -2,0.36 -2.08,0.37l-10.6 50.58zm-97.57 28.53l-0.66 5.51c1.73,0.6 4.12,0.92 7.19,0.96 3.66,-0.01 7.64,-0.31 11.77,-0.75 8.88,-0.72 17.5,-1.94 25.77,-3.8 10.8,-2.55 19.02,-4.93 24.78,-7.15l1.71 -4.93 -3.24 -0.7c-5.51,2.34 -14.59,4.74 -25.39,7.16 -9.33,2.52 -17.47,2.62 -26.32,3.73 -6.04,0.76 -11.27,0.77 -15.61,-0.03zm100.6 158.07l-3.03 5.14 2.71 27.75 1.41 20.34 -2.44 33.1 -2.53 29.62 3.75 30 2.81 42.1 4.83 33.37 2.95 0.71 1.57 -1.13 -0.51 -2.32c-0.17,-0.89 -0.16,-2.19 0.05,-3.89 -0.29,-2.44 -0.75,-4.06 -0.87,-7.31l-3.53 -18.34c-0.71,-5.27 -1.29,-10.26 -1.04,-15.34 0.18,-9.93 -0.23,-19.71 -1.55,-29.26 -1.56,-8.23 -2.76,-16.91 -3.2,-26.51 0.07,-10.33 1.93,-21.22 2.89,-31.83l1.66 -22.62c0.19,-5.48 0.28,-11.44 -0.09,-19.61 -0.38,-6.71 -1.07,-13.58 -2.32,-20.72l-2.04 -11.16c-0.27,-2.04 -0.9,-3.14 -0.82,-6.12l-0.66 -5.97zm86.18 -253.16c-1.97,0 -3.56,1.59 -3.56,3.56 0,1.97 1.59,3.57 3.56,3.57 1.97,0 3.57,-1.6 3.57,-3.57 0,-1.97 -1.6,-3.56 -3.57,-3.56zm-38.89 5.2c0.33,-4.58 0.82,-8.47 2.05,-9.24l-1.11 -0.17c-0.52,-0.34 -0.57,0.09 -0.86,0.13l-1.81 -0.13c-0.12,0 -0.28,0.07 -0.37,-0.02 -0.28,-0.32 -0.46,-0.27 -0.78,-0.08 -0.08,0.05 -0.17,0 -0.26,-0.01l-0.74 -0.02c-0.16,0.05 -0.07,0.45 -0.41,0.43 -0.17,-0.14 0.01,-0.31 -0.14,-0.42l-2.71 -0.11c-0.19,-0.27 -0.43,-0.29 -0.71,-0.09l-1.09 0c-1.59,1.83 -2.13,4.83 -2.18,8.36 -0.31,5.47 -0.6,12.61 -0.15,14.38 0.14,0.35 0.36,0.69 0.85,1.02 -0.63,1 -0.68,1.92 0.79,2.04 3.3,-0.05 6.55,0.35 9.69,0.38l-0.07 -1.3c0.06,-0.22 0.38,-0.2 0.3,-0.6 -0.1,-0.44 -0.46,-0.47 -0.55,-0.86 -0.23,-1.31 -0.14,-2.91 -0.2,-4.37 0.08,-2.86 0.23,-5.94 0.46,-9.32zm-5.45 -5.43c-0.14,3.65 -0.31,6.83 -0.52,9.6 -0.22,-3.68 -0.14,-6.99 0.52,-9.6zm102.73 474.24c-5.33,-0.29 -11.34,0.57 -17.98,2.53l-1.7 2.65 31.18 1.42 1.61 -3.65c-5.97,-2.05 -10.83,-3.36 -13.11,-2.95zm-475.93 -381.08l3.08 -23.96c2,-17.51 4.82,-33.41 10.58,-43.51 15.71,-3.78 36.72,-4.64 61.28,-3.32 14.3,0.76 28.41,2.29 42.34,4.44l0.02 10.13 -0.11 40.21 0.15 31.08c-4.68,-8.27 -9.37,-16.43 -14.1,-24.48 4.8,10.72 9.5,21.47 14.13,32.24l0.11 22.07c-0.01,23.99 -0.17,47.98 -0.41,71.97l-0.2 71.03 -0.02 50.72 0.02 16.88 4.5 0.13c0.03,-2.21 0.05,-4.41 0.08,-6.62l0.02 -15.19 0.03 -16.4 -0.02 -12.08 0.11 -10.09 0.05 -10.37 0 -10.33 0 -9.96 0.11 -31.1 0.21 -20.56 -0.11 -20.88 0.09 -28 -0.01 -30.55c5.89,13.87 11.67,27.78 17.39,41.72l-0.03 4.01 -0.24 52.61 -0.17 45.73 -0.34 59.46 -0.1 9.18c-0.08,4.14 0.13,7.7 0.19,11.55l5.64 -0.15c0.34,-2.74 0.02,-5.24 0.03,-7.86l0.14 -13.09 0.17 -22.12 0.25 -43.03 0.31 -80.54 0.01 -1.45c22.16,54.32 43.75,108.95 67.87,163.18l20.61 -10.35c-29.72,-60.96 -58.75,-120.41 -88.39,-176.21l0.12 -28.81 0.25 -25.61 0.34 -20.73c0.23,-12.86 0.15,-25.82 0.22,-38.72 0.03,-4.43 0.05,-8.86 0.05,-13.29 2.32,0.49 4.63,1 6.94,1.52 28.88,6.52 56.31,15.47 82.28,27.32l0.76 -2.93c-23.43,-13.94 -48.67,-26.12 -75.92,-36.52 -4.68,-1.79 -9.38,-3.58 -14.1,-5.34 -0.05,-6.37 -0.12,-12.74 -0.23,-19.12 0.38,-3.09 -1.17,-6.68 1.22,-8.96 4.52,-3.33 9.39,-5.44 14.23,-8.55 5.89,-3.86 11.36,-8.01 15.85,-12.94 4.72,-5.19 8.76,-10.8 11.79,-16.87 2.36,-4.74 3.82,-8.84 3.29,-11.44l-4.22 -4.9 -1.6 1.49c1.31,1.05 1.18,2.85 0.5,4.93 -2.12,6.17 -5.43,11.78 -9.35,17.12 -3.77,5.14 -8.74,10.08 -15.09,14.73 -6.56,4.63 -12.51,7.78 -18.7,11.84 -3.09,2.11 -4.52,4.84 -3.8,11.35 0.12,6.28 0.19,12.67 0.22,19.14 -5.89,-2.16 -11.82,-4.27 -17.79,-6.28l0 -1.76c0.09,-6.23 0.11,-12.42 0.28,-18.68 -0.87,-1.82 -2.82,-3.69 -5.72,-5.61 -5.27,-3.23 -10.4,-6.19 -15.57,-9.75 -4.5,-3.04 -8.88,-6.8 -13.07,-11.61 -2.59,-3.06 -5.09,-6.35 -7.42,-10.09 4.52,-2.74 9.15,-5.45 13.93,-8.09 -0.69,-1.08 -1.31,-2.15 -1.83,-3.21 6.57,-0.2 13.14,0.27 20.68,0.19 6.37,0.01 12.72,-0.1 19.11,0.02l-0.11 -16.11 -46.29 -4.3 -51.57 24.84 -47.03 22.82 -23.91 55.16 -7.42 82.81 40.7 9.8 1.92 -14.94c8.9,1.34 17.23,2.14 24.37,2.41 3.55,0.13 6.79,0.13 9.19,-0.34l-0.64 -5.82c-2.65,0.3 -5.32,0.37 -7.97,0.21 -7.13,-0.41 -14.49,-1.3 -22.09,-2.25 -0.69,-0.08 -1.38,-0.18 -2.07,-0.27zm122.48 -47.1l0.02 -18.42c5.98,0.98 11.93,2.08 17.85,3.27 -0.01,4.71 -0.03,9.45 -0.05,14.2 -0.05,19.95 -0.25,39.88 -0.49,59.79l-0.33 43.54c-5.82,-10.82 -11.65,-21.49 -17.53,-32l0.41 -37.93 0.12 -32.45zm-5.23 -40.07c-9.41,-3.05 -18.94,-5.82 -28.66,-8.13 -20.35,-4.85 -35.06,-9 -40.71,-15.57 -4.74,-5.5 -0.24,-11.1 10.41,-17.81 5.77,-3.64 11.65,-7.41 17.71,-11.16 2.65,4.34 6.32,9.11 11.45,14.52 4.19,4.07 9.17,7.9 14.77,11.55 4.45,2.71 9.4,5.38 13.34,8.14 1.71,1.13 2.21,3 1.97,5.31 -0.03,4.52 -0.19,8.77 -0.28,13.15zm383.58 122.2l0.28 8.09c0.49,9.41 0.05,17.13 0.08,25.69 -0.34,6.29 -0.14,12.01 -0.21,18.02 0.31,4.2 0.28,8.22 0.42,12.33l1 26.87 -0.79 19.47c-0.81,11.18 -4.02,15.37 -6.27,23.05 -4.07,10.66 -5.4,19.23 -4.44,26.06 0.66,6.52 2.39,10.92 3.66,16.38 2.01,6.12 3.05,11.54 3.97,16.87 0.93,4.41 1.74,21.44 3.06,32.34 2.45,16.84 3.46,33.5 4.91,50.13 1.25,8.33 0.6,18.54 0.64,27.05 0.04,9.33 -1.4,16.46 -3.05,23.89 -1.61,8.93 -3.21,17.5 -5.33,25.17l1.28 1.39 1.94 0.03 12.46 -45.08 -3.51 -38.62 -4.87 -48.25 -4.88 -40.88 -5.15 -6.48c-1.35,-4.89 -2.49,-9.57 -2.99,-14.15 -0.58,-5.2 0.28,-11.23 2.22,-18.07 1.72,-5.07 3.48,-10.21 5.44,-15.69l5.72 -10.16 0.81 -26.87 -1.75 -34.69 0.56 -72.19 -10.5 -76.5 -4.31 -17.24 -1.67 0.11 2.4 -1.92 -1.93 -19.31 -6.37 -6.66 -6.19 1.08 0.41 2.61 0.52 0.37c0.09,0.22 1.83,0.34 2.73,0.53 0.55,0.11 1.59,0.03 1.62,0.38 0.03,0.27 -1.68,0.34 -2.49,0.64 -0.49,-0.3 -0.98,-0.32 -1.44,0.08 -0.2,0.18 -0.95,0.25 -0.92,0.43 0.04,0.28 0.58,0.09 0.83,0.19 0.67,0.27 1.16,0.81 1.45,1.62 1.13,1.42 1.37,4.05 1.21,7.19 -0.04,3.07 -0.16,5.2 -0.35,6.61 -0.15,1.06 -0.5,2.22 -0.76,3.29 -0.71,2.93 -1.53,4.47 -2.48,4.5l-0.77 0.42c0.26,0.26 0.33,0.64 0.16,1.15 -0.19,0.28 -0.47,0.4 -0.64,0.51 -0.26,0.17 -0.12,0.24 0.1,0.28 0.58,0.08 1.22,-0.36 1.83,-0.48 2.21,-0.13 4.53,-0.54 6.8,-0.93 0.69,-0.12 1.42,-0.36 2.22,-0.7l1.41 7.49 2.79 13.97c0.92,5.24 1.56,10.63 2.14,16.04 0.46,4.99 0.54,9.22 1.1,13.69 0.28,2.7 0.86,5.54 1.48,8.41 0.39,2.2 0.41,4.75 0.17,7.53l-0.43 6.78c-0.38,1.4 -0.21,3.25 0.17,5.28 0.64,3.71 0.75,8.44 1.36,11.1 0.39,3.85 0.84,5.45 1.96,8.57 0.9,2.09 1.56,4.1 1.58,5.89 0.05,1.8 -0.64,3.43 -0.4,5.3zm-83.56 -116.93c-1.97,0 -3.56,1.6 -3.56,3.57 0,1.96 1.59,3.56 3.56,3.56 1.97,0 3.57,-1.6 3.57,-3.56 0,-1.97 -1.6,-3.57 -3.57,-3.57zm27.83 10.72c1.59,0 3.09,-0.19 4.63,-0.28 1.72,-0.11 3.81,-0.13 6.16,-0.08 0.79,-0.04 0.91,-0.75 0.78,-1.71l0.19 -0.69c0.37,-1.14 0.27,-3.6 -0.01,-6.64l-0.59 -9.73c0.07,-1.76 -0.25,-3.69 -1.36,-5.97 -0.2,-0.52 -0.55,-0.75 -1.05,-0.67 -0.36,0.06 -0.14,0.1 -0.44,-0.05 -0.15,-0.07 -0.32,-0.05 -0.51,0.08 -0.42,-0.01 -0.36,0.23 -0.65,0.31l-1.48 0.03c-0.28,-0.44 -0.64,-0.34 -0.72,0.11l-2 0.02c-0.17,-0.27 -0.37,-0.26 -0.6,-0.01l-2.52 0c-0.41,-0.33 -0.38,0.09 -0.69,0.07 -0.69,-0.11 -1.2,-0.14 -1.31,0.07 -0.12,0.22 0.04,0.34 0.35,0.43 0.77,1.15 1.11,2.99 1.33,5.01 0.44,3.48 0.78,7.09 0.84,11.07 0.15,2.83 0.07,4.75 -0.15,6.05 -0.03,0.49 -0.31,0.44 -0.37,0.8 0.11,0.6 0.13,1.13 -0.06,1.48 -0.18,0.13 -0.15,0.25 0.23,0.3zm5.57 -15.89c-0.19,-2.74 0.07,-4.81 -1.09,-8.17 0.62,1.05 1,2.27 1.2,3.63 0.42,2.64 0.52,5.18 0.69,7.78 0.23,3.36 0.45,6.69 -0.16,9.63 -0.01,-4.26 -0.35,-8.57 -0.64,-12.87zm-40.65 -14.56c6.55,-0.25 13.42,0.04 20.37,0.45 4.43,0.26 8.17,0.29 11,0l1.17 -1.84 0.2 -3.37 -47.55 1.42 0.25 1.96 0.52 0.88c2.86,0.42 7.98,0.48 14.04,0.5z');color3 = new fabric.Path('M600 0l-50 0 0 9.17 50 0 0 -9.17zm-550 590.83l-50 0 0 9.17 50 0 0 -9.17z');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>');color4 = 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');color5 = new fabric.Path('M408.82 104.29l2.27 0.69c-1.15,0.09 -1.34,1.15 -1.12,2.63l0.15 10.07 0.56 9.22c0.04,0.91 -0.02,1.71 -0.2,2.26 -0.26,0.76 -0.18,1.35 0.4,1.64 -0.54,0.18 -0.91,0.45 -1.43,0.61 -0.37,0.12 -0.66,-0.01 -0.83,-0.1l-2.55 -1.77 -1.41 -20.99 4.16 -4.26zm-408.82 486.54l50 0 0 9.17 -50 0 0 -9.17zm550 -590.83l50 0 0 9.17 -50 0 0 -9.17zm-105.87 94.65l-0.81 2.34c-0.95,1.16 -0.16,5.82 -0.66,9.11 -0.45,3 -0.45,5.64 -0.31,8.18 0.1,1.86 -0.23,3.38 -0.69,4.74 -0.44,1.3 -0.53,2.63 -0.05,4.05 3.66,-0.48 7.1,-1.09 10.96,-1.46l0 0 1.7 24.21c1.1,9.86 1.28,20.99 1.23,32.68 -0.04,10.69 0.05,21.39 0.07,32.09l0.39 32.36 0.65 25.26c0.27,8.84 0.15,17.55 0,26.17 -0.14,8.14 0.31,16.19 1.04,24.16l1.89 21.09c0.56,7.82 2.36,16.42 6.51,25.07 2.71,5.63 5.25,10.78 6.15,16.17 2.59,15.59 4.37,30.91 7,46.46 1.77,10.83 1.72,23.87 2.57,35.81 1,22.07 2.04,43.27 2.99,66.21 0.77,18.59 0.45,36.81 1.99,55.89l38.96 0.65 -2.7 -43.88c-1.23,-20.14 -1.55,-40.24 -2.9,-60.13 -1.21,-17.87 -1.59,-35.98 -4.59,-50.91 -1.97,-9.36 -4.99,-16.87 -7.29,-25.26l-4.2 -20.41c-1.55,-6.52 -2.74,-13.25 -3.24,-20.38 -0.83,-5.47 -1.55,-10.92 -2.06,-16.36 -0.27,-2.93 -0.93,-6.52 -2.38,-9.07 -0.91,-1.69 -1.54,-3.52 -2.31,-5.27 -1.4,-3.44 -1.83,-7.37 -1.23,-11.66 0.96,-6.95 1.9,-14.1 1.43,-21.81 -0.79,-12.9 -1.14,-25.13 -1.4,-36.98 -0.18,-8.15 1.41,-14.93 1.33,-22.49 -0.08,-7.72 -1.57,-14.03 -1.63,-21.88 0.32,-9.45 1.28,-20.42 0.95,-28.35 -0.34,-8.06 -0.13,-15.78 -0.03,-23.67 0.14,-12.26 -0.24,-24.9 -1.93,-37.92 -0.56,-4.32 -0.73,-9.13 -2.01,-12.92 0.54,-0.03 1.09,-0.06 1.63,-0.09 3.17,-0.09 5.77,-0.25 6.72,-0.58 0.37,-0.59 -0.15,-3.91 -1.39,-5.23 -2.22,-2.34 -1.52,-4.9 -2.2,-7.66 -0.77,-3.13 -1.78,-4.57 -2.4,-6.89 -0.63,-1.9 -0.08,-4.56 -1.87,-5.27l-0.49 -3.18 -45.39 7.01zm-425.08 95.17l2.18 1.44c5.91,1.73 12.03,3.32 18.43,4.77 6.75,1.54 13.54,2.93 20.4,4.16 8.3,1.63 14.95,2.53 19.25,2.4 3.03,0.04 5.2,-0.4 6.14,-1.55 1.27,-1.27 2.38,-2.02 3.08,-1.47 0.35,0.2 0.71,0.21 1.06,0.59 0,1.63 0.25,3.53 -0.01,4.9 0,0.36 0.18,0.77 -0.01,1.07 0.04,0.76 -0.15,0.94 -0.5,0.71 -0.11,-0.7 -0.37,-1.25 -0.91,-1.51 -2.49,1.35 -4.65,2.55 -6.67,2.82 -3.07,0.39 -6.92,0.3 -11.23,-0.27 -9.43,-1.25 -19.05,-3.16 -28.81,-5.26 -5.35,-1.23 -10.46,-2.5 -15.31,-3.83l-6.54 -1.84 -2.04 -4.69 1.49 -2.44zm171.32 -141.96l-0.09 -16.8 47.8 -0.09 32.49 16.66 50.26 33.63 37.37 87.47 6.25 50 -68.75 10.94 -12.72 -11.34 -0.32 -2.34 -0.18 -3.48 -0.25 -4.74 0.29 -2.13c0,-0.5 0.02,-0.96 0.06,-1.37l0.01 -0.06 0 -0.01 0 -0.04 0.01 -0.05 0 -0.01 0 -0.05 0.01 -0.04 0 -0.01 0.01 -0.05 0 -0.03 0 -0.02 0.01 -0.05 0 -0.02 0.01 -0.03 0 -0.05 0 0 0.01 -0.05 0.01 -0.04 0 -0.01 0 -0.05 0.01 -0.03 0 -0.02 0.01 -0.04 0 -0.02 0.01 -0.03 0.01 -0.05 0 0 0.01 -0.04 0 -0.04 0.01 -0.01 0.01 -0.05 0 -0.02 0 -0.02 0.01 -0.04 0.01 -0.02 0 -0.03 0.01 -0.04 0 -0.01 0.01 -0.04 0.01 -0.03 0 -0.01 0.01 -0.04 0.01 -0.03 0.01 -0.01 0.01 -0.05 0 -0.01 0.01 -0.03 0.01 -0.04 0 0 0.01 -0.04 0.01 -0.03 0 -0.01 0.01 -0.04 0.01 -0.02 0.01 -0.02 0.01 -0.04 0 -0.01 0.01 -0.02 0.01 -0.04 0.01 -0.01 0.01 -0.03 0.01 -0.03 0 -0.01 0.01 -0.03 0.01 -0.03 0.01 -0.01 0.01 -0.03 0.01 -0.02 0.01 -0.02 0.01 -0.04 0 0 0.01 -0.03 0.02 -0.03 0 0 0.01 -0.04 0.01 -0.02 0.01 -0.01 0.01 -0.03 0.01 -0.02 0.01 -0.02 0.02 -0.03 0 0 0.01 -0.03 0.02 -0.03 0 0 0.01 -0.03 0.01 -0.02 0.01 -0.01 0.02 -0.03 0 -0.01 0.01 -0.02 0.02 -0.03 0 0 0.02 -0.03 0.02 -0.02 0 -0.01 0.01 -0.02 0.02 -0.02 0 -0.01 0.02 -0.03c0.15,-0.22 0.33,-0.4 0.52,-0.53 0.29,-2.27 0.23,-4.53 0.34,-6.79 0.19,-1.63 -0.17,-3.13 -0.83,-4.56 0.53,-5.16 0.93,-10.15 2.03,-14.96 0.93,-2 1.26,-4.17 1.62,-6.29 0.22,-1.33 0.3,-1.25 0.08,-2.53 -0.27,-1.53 -0.31,-4.16 -0.27,-6.04 -0.36,-2.13 0.2,-2.55 0.63,-3.48 0.51,-1.13 1.31,-2.06 2.01,-2.92 0.76,-0.94 1,-2.24 1.5,-3.38 0.78,-1.77 1.38,-3.46 1.82,-5.62 0.23,-1.1 0.46,-2.23 0.24,-3.84l-0.7 -9.1c-0.56,-6.88 -1.73,-14.33 -3.77,-22.6 -1.58,-9.64 -4.69,-18.49 -10.61,-25.88 -5.08,-7.23 -11.6,-13.7 -20.15,-19.11 -7.54,-5.04 -16,-8.92 -25.62,-11.36 -1.41,-0.38 -2.91,-0.73 -4.51,-1.02l-0.37 0.05c-3.86,0.54 -7.77,0.97 -11.71,0.98l-11.13 0.01 -13.89 0.05 -14.32 0.01c-5.66,0.03 -11.21,0.13 -16.57,-0.07 -3.55,-0.13 -6.94,-0.46 -10.13,-0.98 -3.69,-0.6 -7.26,-1.43 -10.65,-2.27 -2.58,-0.64 -5.19,-1.58 -7.79,-2.37 -1.2,-0.49 -2.34,-0.62 -3.37,-0.13l-0.22 -3.96 5.79 0.69c3.29,0.61 6.83,1.67 10.26,2.37 4.75,0.98 9.73,1.67 14.94,1.9 8.19,0.35 15.86,0.05 23.9,-0.08 2.66,-0.01 5.32,-0.02 7.97,-0.02zm333.79 85.53c-3.27,-0.92 -7.14,-1.27 -11.38,-1.35 -5.51,-0.11 -10.52,-0.03 -14.59,0.58 0.96,2.32 1.72,4.98 2.32,7.92 5.03,-0.11 10.01,-0.39 14.98,-0.32 5.49,0.07 9.84,0.42 11.94,1.23l1.55 -4.72 -4.82 -3.34zm-11.24 -40.66l-0.26 3.2c1.45,0.83 2.59,2.48 3.49,4.81 0.22,0.55 0.44,1.11 0.66,1.66 0.13,1.75 -0.08,2.88 -0.47,3.65 -0.71,1.4 -1.13,2.72 -1.35,3.95 -0.28,1.51 -0.43,3.06 -0.3,4.69 0.04,0.53 0.07,0.47 0.24,0.91 0.19,0.5 0.1,0.99 -0.15,1.47 -0.05,0.44 0.06,0.85 0.06,1.31 0,0.73 0.14,1.33 0.44,1.71 0.39,0.48 0.78,1.15 1.1,2.01l2.23 -0.6 2.1 -4.49 2.27 -14.43 -6.2 -9.38 -3.86 -0.47zm-97.27 9.64l-1.06 1.73c-1.12,1.43 -0.79,6.12 -0.85,10.76 -0.17,2.8 0.26,4.53 0.38,8.02 0.13,2.05 0.58,3.62 1.53,4.56 0.23,0.22 0.39,0.42 0.47,0.81 0.13,0.69 0.59,1.08 1.19,1.25 1.64,-0.75 3.02,-0.99 4.57,-1.51l0.57 -0.37c-0.4,-0.38 -0.75,-0.82 -0.8,-1.42 -0.05,-0.63 -0.11,-0.47 -0.54,-0.94 -1.58,-2 -1.12,-3.8 -0.88,-6.6 0.24,-2.74 0.33,-5.49 0.15,-8.25 -0.14,-1.92 -0.72,-3.6 -0.41,-5.74 0.26,-1.72 0.91,-2.93 1.87,-2.52 0.34,0.03 0.65,-1.02 0.98,-1.54l-3.29 -0.47 -1.66 0.24 -2.22 1.99z');color6 = new fabric.Path('M0 590.83l50 0 0 9.17 -50 0 0 -9.17zm464.01 -471.06l3.27 51.29 0.51 48.09 0.93 76.33c-0.29,11.28 0.75,22.5 1.41,33.83 0.61,10.46 1.14,20.72 6.25,29.14 5.57,9.18 6.87,23.32 8.9,34.69l5.16 37.03c1.55,15.24 1.9,31.5 2.81,48.91l2.58 49.37c1.03,19.71 0.99,39.09 2.27,58.2l17.66 1.31 -2.9 -49.74 -4.92 -82.74c-1.2,-20.27 -8.05,-34.96 -12.23,-53.95 -2.72,-12.32 -5.59,-24.45 -7.23,-38.08 -1.27,-6.24 -1.09,-14.22 -3.82,-18.71 -3.3,-5.4 -4.91,-13.11 -4.46,-21.76 0.29,-5.49 1.65,-10.64 1.82,-15.82 0.45,-14.38 -1.81,-28.32 -1.51,-43.4 -0.04,-13.53 1.51,-26.61 1.02,-40.27 -0.29,-8.21 -1.15,-14.69 -0.89,-23.13 0.53,-16.73 1.28,-33.47 1.13,-50.2 -0.09,-9.74 -0.31,-22.21 -3.39,-32.5l0 0c-1.09,0.15 -2.17,0.32 -3.24,0.5 -3.75,0.58 -7.42,1.07 -11.13,1.61zm85.99 -119.77l50 0 0 9.17 -50 0 0 -9.17z'); var cl1='#303A5B'; $('#spncl1').css('background-color', cl1); var cl2='#A8CF45'; $('#spncl2').css('background-color', cl2); var cl3='#FFFFFF'; $('#spncl3').css('background-color', cl3); 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(color3.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl3 }));canvas.add(logo1.set({ left: 105, top: 100, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvas.add(logo2.set({ left: 510, top: 180, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvast.add(color4.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl1 }));canvast.add(color5.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl2 }));canvast.add(color6.set({ scaleX: 1, scaleY: 1, flipY: false, originX: "center", originY: "center", fill: cl3 }));color1.selectable=false;color2.selectable=false;color3.selectable=false;logo1.selectable=false;logo2.selectable=false;color4.selectable=false;color5.selectable=false;color6.selectable=false; var dbplnumber = "7"; var dbteam = "TEAM"; var dbplayer = "PLAYER"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/crush_front_111.virtual"; var dbback3d = "../virtual3d_images/crush_back_111.virtual"; var dbtagleft = "247"; var dbtagtop = "415"; 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 */ 569,574 $("#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);color4.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(); }); 570,575 $("#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);color5.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(); }); 571,576 $("#color3").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')); color3.set('fill', col);color6.set('fill', col); $('#newcolor').css('background-color', newcol); var color3atr = $(this).attr('title'); $('#color3val').val(color3atr); $(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 = "45"; var dbteamstroke = "0"; var dbteamleft = "180"; var dbteamtop = "175"; 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 = "260"; var dbnm1top = "105"; 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 = "150"; var dbnm2stroke = "2"; var dbnm2left = "185"; var dbnm2top = "240"; 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);canvast.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 = "35"; var dbplayerstroke = "1"; var dbplayerleft = "185"; var dbplayertop = "140"; 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 = "0"; var dbnm3top = "0"; 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 = "0"; var dbnm4top = "0"; 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();