// 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('M223.57 52.74c2.42,1.62 2.1,5.3 1.31,9.53 -1.12,5.97 -2.87,10.54 -5.32,14.23 -4.77,7.21 -12.65,12.28 -23.7,14.8 -3.97,0.9 -7.53,1.89 -10.45,3.48 -7.16,-2.95 -13.43,-4.84 -18.91,-8.01 -6.58,-3.81 -11.78,-8.46 -14.66,-15.46 -1.67,-4.05 -2.72,-8.69 -3.15,-14.07 -0.15,-1.95 0.26,-3.48 1.66,-4.48l1.1 -2.5 72 0.13 0.12 2.35zm-223.57 538.09l50 0 0 9.17 -50 0 0 -9.17zm550 -590.83l50 0 0 9.17 -50 0 0 -9.17zm-164.28 358.82l0.66 5.97c-0.08,2.98 0.55,4.08 0.82,6.12l2.04 11.16c1.25,7.14 1.94,14.01 2.32,20.72 0.37,8.17 0.28,14.13 0.09,19.61l-1.66 22.62c-0.96,10.61 -2.82,21.5 -2.89,31.83 0.44,9.6 1.64,18.28 3.2,26.51 1.32,9.55 1.73,19.33 1.55,29.26 -0.25,5.08 0.33,10.07 1.04,15.34l3.53 18.34c0.12,3.25 0.58,4.87 0.87,7.31 -0.21,1.7 -0.22,3 -0.05,3.89l0.51 2.32 -1.57 1.13 -2.95 -0.71 -4.83 -33.37 -2.81 -42.1 -3.75 -30 2.53 -29.62 2.44 -33.1 -1.41 -20.34 -2.71 -27.75 3.03 -5.14zm7.57 -237.18c0.08,-0.01 1.09,-0.19 2.08,-0.37l-3.02 -0.83 4.35 -26.7 13.47 0.19 -0.73 2.77c-2.81,0.32 -5.67,0.71 -8.41,0.95 -1.4,0.44 1.61,0.52 1.75,1.05 0.25,0.15 0.28,0.28 0.08,0.39 -0.53,-0.39 -1.16,0.13 -1.87,1.44 -0.91,1.62 -1.16,2.53 -0.99,2.98 -0.06,3.48 -0.01,6.7 0.18,9.57 0.14,2.37 0.34,4.51 0.73,5.93 0.38,1.72 0.9,3.12 1.85,3.53l0.62 0.49c-0.36,0.25 -0.4,0.71 -0.24,1.3 0.03,0.24 0.6,0.31 0.64,0.6 -0.07,0.22 -2.05,-0.11 -5.8,-1.18 -0.67,-0.19 -1.18,-0.42 -1.54,-0.67 -0.34,0.89 -0.48,2.75 -1.1,5.57 -0.61,2.76 -0.72,5.26 -0.73,7.61 0.07,0.93 -0.27,2.48 -0.4,3.72 -1.38,6.66 -2.49,13.84 -3.32,21.58 -0.97,7.42 -1.33,15.05 -2.92,22.27l-1.11 4.76 -1.61 8.07 -0.37 4.98 0.13 9.58 -0.63 4.62c-0.2,1.48 -0.02,1.17 -0.62,2.3 -0.59,1.11 -0.62,3.1 -1.07,3.59 -0.38,2.27 0,3.07 0,4.61 0.31,2.89 -0.52,8.61 -0.59,13.07 -0.26,6.07 -0.37,12.38 -0.38,18.86l0.08 13.84 -0.3 8.66 -0.23 5.43c-0.33,3.07 -0.49,6.13 -0.39,9.18 0.17,4.44 -0.39,9.62 0.17,12.37l4.74 15.36 -0.32 4.8 -4.44 -4.03 -5.25 -18.15 -3 -50.11 9.91 -83.4 10.6 -50.58zm117.32 463.21l1.7 -2.65c6.64,-1.96 12.65,-2.82 17.98,-2.53 2.28,-0.41 7.14,0.9 13.11,2.95l-1.61 3.65 -31.18 -1.42zm34.98 -463.27l-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.3l0.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.24zm-73.96 -4.89c1.97,0 3.57,1.6 3.57,3.57 0,1.96 -1.6,3.56 -3.57,3.56 -1.97,0 -3.56,-1.6 -3.56,-3.56 0,-1.97 1.59,-3.57 3.56,-3.57zm0.27 -11.03c1.97,0 3.57,1.59 3.57,3.56 0,1.97 -1.6,3.57 -3.57,3.57 -1.97,0 -3.56,-1.6 -3.56,-3.57 0,-1.97 1.59,-3.56 3.56,-3.56zm25.39 -3.39c0.11,-0.21 0.62,-0.18 1.31,-0.07 0.31,0.02 0.28,-0.4 0.69,-0.07l2.52 0c0.23,-0.25 0.43,-0.26 0.6,0.01l2 -0.02c0.08,-0.45 0.44,-0.55 0.72,-0.11l1.48 -0.03c0.29,-0.08 0.23,-0.32 0.65,-0.31 0.19,-0.13 0.36,-0.15 0.51,-0.08 0.3,0.15 0.08,0.11 0.44,0.05 0.5,-0.08 0.85,0.15 1.05,0.67 1.11,2.28 1.43,4.21 1.36,5.97l0.59 9.73c0.28,3.04 0.38,5.5 0.01,6.64l-0.19 0.69c0.13,0.96 0.01,1.67 -0.78,1.71 -2.35,-0.05 -4.44,-0.03 -6.16,0.08 -1.54,0.09 -3.04,0.28 -4.63,0.28 -0.38,-0.05 -0.41,-0.17 -0.23,-0.3 0.19,-0.35 0.17,-0.88 0.06,-1.48 0.06,-0.36 0.34,-0.31 0.37,-0.8 0.22,-1.3 0.3,-3.22 0.15,-6.05 -0.06,-3.98 -0.4,-7.59 -0.84,-11.07 -0.22,-2.02 -0.56,-3.86 -1.33,-5.01 -0.31,-0.09 -0.47,-0.21 -0.35,-0.43zm6.65 1.08c1.16,3.36 0.9,5.43 1.09,8.17 0.29,4.3 0.63,8.61 0.64,12.87 0.61,-2.94 0.39,-6.27 0.16,-9.63 -0.17,-2.6 -0.27,-5.14 -0.69,-7.78 -0.2,-1.36 -0.58,-2.58 -1.2,-3.63zm-54.12 -7.77l0.52 0.88c2.86,0.42 7.98,0.48 14.04,0.5 6.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.96zm-25.75 5.55l1.09 0c0.28,-0.2 0.52,-0.18 0.71,0.09l2.71 0.11c0.15,0.11 -0.03,0.28 0.14,0.42 0.34,0.02 0.25,-0.38 0.41,-0.43l0.74 0.02c0.09,0.01 0.18,0.06 0.26,0.01 0.32,-0.19 0.5,-0.24 0.78,0.08 0.09,0.09 0.25,0.02 0.37,0.02l1.81 0.13c0.29,-0.04 0.34,-0.47 0.86,-0.13l1.11 0.17c-1.23,0.77 -1.72,4.66 -2.05,9.24 -0.23,3.38 -0.38,6.46 -0.46,9.32 0.06,1.46 -0.03,3.06 0.2,4.37 0.09,0.39 0.45,0.42 0.55,0.86 0.08,0.4 -0.24,0.38 -0.3,0.6l0.07 1.3c-3.14,-0.03 -6.39,-0.43 -9.69,-0.38 -1.47,-0.12 -1.42,-1.04 -0.79,-2.04 -0.49,-0.33 -0.71,-0.67 -0.85,-1.02 -0.45,-1.77 -0.16,-8.91 0.15,-14.38 0.05,-3.53 0.59,-6.53 2.18,-8.36zm3.49 4.3c-0.66,2.61 -0.74,5.92 -0.52,9.6 0.21,-2.77 0.38,-5.95 0.52,-9.6zm-239.8 214.88c2.06,0 3.72,1.67 3.72,3.73 0,2.05 -1.66,3.72 -3.72,3.72 -2.06,0 -3.72,-1.67 -3.72,-3.72 0,-2.06 1.66,-3.73 3.72,-3.73zm-0.03 -45.24c2.04,0 3.69,1.65 3.69,3.69 0,2.04 -1.65,3.69 -3.69,3.69 -2.04,0 -3.69,-1.65 -3.69,-3.69 0,-2.04 1.65,-3.69 3.69,-3.69zm0.07 -45.35c2.08,0 3.76,1.67 3.76,3.73 0,2.07 -1.68,3.74 -3.76,3.74 -2.08,0 -3.77,-1.67 -3.77,-3.74 0,-2.06 1.69,-3.73 3.77,-3.73zm0.22 -45.4c2.06,0 3.73,1.66 3.73,3.71 0,2.05 -1.67,3.71 -3.73,3.71 -2.06,0 -3.72,-1.66 -3.72,-3.71 0,-2.05 1.66,-3.71 3.72,-3.71zm1.55 -55.54c2.22,0.56 3.59,2.65 3.03,4.46 -0.71,2.25 -2.73,3.03 -4.73,2.43 -1.94,-0.58 -3,-2.49 -2.48,-4.47 0.41,-1.56 2.21,-2.91 4.18,-2.42zm0.87 -28.19c2.06,0.89 2.87,2.53 2.11,3.92 -1.06,1.94 -3.5,2.03 -5.59,0.79 -1.81,-1.06 -2.06,-3.22 -0.43,-4.43 1.17,-0.87 2.57,-0.86 3.91,-0.28zm-98.87 298.92c0.15,-0.63 5.14,-0.27 13.3,0.67 5.31,0.61 10.12,1.82 14.47,3.5 4.51,1.74 7.42,4.28 10.84,6.86 3.97,3.69 9.72,6.89 16.63,9.77 7.56,3.14 14.22,5.1 19.29,4.99 6.33,0.15 12.27,-0.29 18.41,-0.43 5.02,-0.25 9.96,-0.19 14.9,-0.15l-0.72 -0.04 0.17 -16.09 -0.05 -46.11 0 -35.56 0.19 -64.53 0.08 -43.99 0.42 -42.89 0.41 -31.06c-0.13,-11.86 0.72,-19.9 1.94,-23.85 1.78,-5.77 5.39,-10.74 11.59,-14.37 4.14,-2.42 8.98,-4.26 13.41,-6.95 3.57,-2.18 7.12,-4.71 10.59,-7.66 2.3,-1.95 4.18,-4.32 5.82,-6.91 1.35,-2.3 2.3,-4.95 2.86,-7.97 0.14,-1.24 0.08,-3.11 -0.36,-6.11 -0.35,-2.05 -0.94,-4 -1.05,-6.17l0.03 -0.69 2.22 1.47c0.48,3.62 1.81,6.18 1.57,11.52 -0.47,3.33 -1.72,6.21 -3.24,8.95 -1.33,2.4 -3.4,4.93 -6.3,7.38 -3.51,2.96 -7.25,5.61 -11.15,8.01 -4.32,2.67 -8.86,4.11 -13.24,6.83 -5.46,3.39 -9.01,8.13 -10.59,13.72 -1.48,5.24 -1.66,13.74 -1.51,23.17l-0.52 30.61 -0.4 43.2 -0.24 43.88 0.03 64.5 0.02 35.7 -0.03 42.16 -0.19 19.86c1.65,0.01 3.29,0.01 4.93,-0.01 4.89,-0.1 9.59,-0.35 13.32,-1.45 6.55,-2.08 13.34,-5.11 20.39,-9.16 3.98,-2.52 6.95,-5.42 10.68,-8.06 4.29,-3.02 10.53,-5.14 19.12,-6.34 6.82,-0.8 11.39,-1.14 12.17,-0.66l2.82 10.04 -8.16 11.53 -68.25 21.1 -67.5 -1.5 -47.63 -19.13 -1.49 -21.58zm-4.12 -179.46l-3.17 -1.39c-0.88,-0.44 -1.45,0.54 -2.32,0.69 -1.79,0.32 -3.74,0.08 -5.84,-0.39 -6.6,-1.46 -13.31,-3.62 -19.96,-6.43 -6.42,-2.66 -14.95,-8.02 -24.4,-13.67l-20.6 -11.86 -1.86 0.36 0.67 1.74 20.76 11.88c8.09,4.55 16.17,10.03 24.27,13.65 7.12,3.01 14.08,5.37 20.57,6.81 3.05,0.68 5.44,0.89 6.44,-0.02 0.78,-0.82 2.24,-0.15 2.51,-0.13l2.37 0.5 0.56 -1.74zm199.89 0.62l0.62 -0.5c2.17,-0.96 2.79,-0.51 4.65,0.26 1.95,0.8 4.6,0.07 8.15,-1.06 5.37,-1.7 10.91,-3.65 16.42,-6.23 8.28,-3.88 16.52,-8.79 24.96,-13.99 6.08,-3.71 12.41,-7.43 18.97,-11.18l3.22 -1.56 0.92 1.94c-3.24,1.8 -6.34,3.6 -9.32,5.4l-20.37 12.04c-6.01,3.63 -11.97,6.99 -18.03,9.71 -5.14,2.3 -9.99,4.22 -14.77,5.68 -3.36,1.03 -5.79,2.34 -9.5,1.38 -1.17,-0.3 -2.13,-1.51 -3.46,-0.88l-2.46 -1.01zm-157.68 -157.14l0.16 0.78c-0.83,3.5 -1.35,6.65 -1.52,9.2 -0.37,5.73 1.19,10.48 4.69,14.29 3.44,4.11 7.55,7.46 12.16,10.24 5.34,4 11.47,5.7 16.73,9.09 4.39,2.83 7.34,6.74 9.19,11.12 3.1,7.36 2.79,16.16 2.9,28l0.41 42.41 0.39 59.48 0.47 61.62 0 45.69 -0.02 26.55 0.19 42.97 -0.75 0.09 -0.36 -24.2 -0.46 -28.9 -0.48 -32.48 -0.41 -36.93 -0.31 -30.95 -0.25 -32.75 -0.47 -55.19 -0.39 -35.48 -0.56 -20.33c-0.29,-3.86 -1.48,-8.17 -4.63,-13.05 -1.84,-2.87 -4.55,-5.35 -8.37,-7.44 -5.44,-2.83 -10.32,-4.65 -15.24,-8.23 -3.37,-2.24 -6.39,-4.53 -8.76,-6.94 -2.27,-2.4 -4.29,-4.79 -5.68,-7.16 -1.49,-2.64 -2.39,-5.3 -2.5,-7.98 -0.12,-2.84 0.06,-5.73 0.86,-8.74l0.91 -3.78 2.1 -1z');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('M124.91 59.6l0.4 1.33c7.29,4.19 12.81,6.96 22.25,9.84 7.1,2.15 13.6,3.48 19.66,4.2 8.41,0.82 20.33,0.83 34.4,0.34 9.78,-0.93 19.98,-3.24 30.74,-7.36 5.59,-2.32 10.79,-4.9 15.36,-7.9l3.37 -18.85c0,0 -36.13,-9.76 -37.3,-9.96 -1.17,-0.19 -48.05,1.17 -48.05,1.17l-26.17 5.08 -14.66 22.11zm-124.91 531.23l50 0 0 9.17 -50 0 0 -9.17zm550 -590.83l50 0 0 9.17 -50 0 0 -9.17zm-75.14 118.2c1.17,6.21 0.76,12.78 1.69,19.42 1.24,14.39 0.62,29.71 1.37,45.66 0.89,17.24 0.32,32.82 0.48,49.22l-0.15 39.85 0.32 25.88c-0.23,9.47 -0.81,18.94 -0.71,28.42 -0.11,7.55 1.51,15.23 4.79,23.05l7.02 32.57c3.62,14.85 6.61,29.66 9.91,44.48 3.88,17.71 3.84,35.91 5.77,53.86 1.28,17.94 1.89,35.58 2.83,53.37l2.64 48.83 4.69 6.06 2.73 -5.67 -2.73 -50c-0.88,-18 -0.88,-35.65 -2.64,-54 -1.71,-17.75 -0.49,-35.42 -7.03,-53.71 -5.75,-14.7 -7.39,-28.37 -11.38,-43.95l-3.96 -30.81c-0.43,-5.65 -2.58,-6.56 -3.8,-10.35 -1.41,-3.28 -2.34,-8.64 -2.84,-15.82 0.75,-8.87 1.97,-17.1 1.57,-26.37 -0.63,-8.5 -1.24,-17.29 -1.27,-27.35 -0.03,-8.98 -0.23,-15.39 0.92,-26.95 0.86,-8.6 0.65,-17.18 -0.39,-25.54 -1.26,-11.66 -0.09,-22.53 -0.14,-33.79 0.17,-15.47 2.05,-28.21 0,-46.56 -1.18,-6.88 -0.5,-14.54 -2.72,-20.78 3.1,-0.36 6.2,-0.61 9.32,-0.77 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.01 -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.77,-0.5 7.31,-1.13 11.31,-1.49 2.65,-0.5 5.21,-0.92 7.74,-1.31l1.49 19.83c1.29,13.51 1.73,27.13 1.98,40.77l0.34 54.3 1.02 47.41c-0.11,8.86 -0.23,17.71 -0.34,26.57 -0.08,5.16 1.54,19.81 2.1,29.83 0.04,3.77 2.52,11.39 5.56,19.93 2.36,5.77 5.46,8.67 6.94,17.62l5.32 37.94c3.13,15.96 4.13,37.08 4.78,59.04 0.95,19.52 1.89,39.03 2.83,58.55 0.7,17.06 0.03,33.43 2.1,51.17l3.96 5.47 5.27 -6.1c-2.07,-17.26 -1.5,-33.82 -2.25,-50.74l-2.63 -59.17c-0.64,-19.13 -2.23,-38.17 -5.86,-57.04 -2.47,-14.11 -5.83,-29.24 -9.87,-45.11 -1.86,-10.84 -5.34,-18.51 -8.01,-27.76 -0.74,-2.34 -0.96,-5.75 -1.44,-8.62 -1.62,-9.16 -0.59,-14.4 -0.92,-21.71l-0.05 -34.22 0.48 -55.77c-0.34,-16.02 -0.65,-33.57 -0.93,-52.97 -0.18,-9.51 0.33,-18.38 -0.53,-28.52l-2.03 -22.05c1.62,-0.23 3.25,-0.46 4.89,-0.72zm49.3 15.19c-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.99zm-6.83 1.92l2.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-120.64 114.36l0.34 -0.27c1.97,-0.79 3.99,-0.52 6.21,0.43 3.31,1.42 6.97,1.19 10.89,0.12 5.78,-1.58 12.84,-4.81 21.37,-9.28 8.24,-4.32 16.47,-9.24 24.56,-15.33 4.22,-3.17 8.61,-5.95 12.89,-9.22l1.17 2.2c-4.31,3.22 -8.59,5.86 -12.72,9.02 -7.87,6.02 -16.23,11.13 -24.99,15.63 -8.93,4.58 -16.56,8.03 -21.98,9.23 -4.53,1 -8.3,0.78 -11.36,-0.64 -1.33,-0.61 -2.63,-0.74 -3.88,-0.61l-2.59 0.15 0.09 -1.43zm-280.57 -34.19l0.3 0.94c3.63,3.02 7.64,5.94 11.88,8.95 6.69,4.77 13.38,9.2 20.15,13.12 8.77,5.08 15.83,8.66 21.06,10.45 6.4,2.16 11.23,2.68 14.65,1.84 2.98,-0.73 5.51,-1.05 7.53,-1.17l0.49 1.66 -2.27 -0.17c-1.69,0.32 -3.63,0.82 -5.71,1.43 -4.09,1.19 -9.09,0.72 -14.93,-1.28 -5.48,-1.75 -13.24,-5.74 -22.37,-10.99 -6.82,-3.91 -13.51,-8.26 -20.16,-13.04 -4.18,-3 -8.4,-5.96 -11.38,-8.82l-0.31 -2.5 1.07 -0.42z'); var cl1='#96989A'; $('#spncl1').css('background-color', cl1); var cl2='#FBB138'; $('#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: 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(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 = "4"; var dbteam = "TEAM"; var dbplayer = "PLAYER"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/carolina_front_110.virtual"; var dbback3d = "../virtual3d_images/carolina_back_110.virtual"; var dbtagleft = "242"; var dbtagtop = "375"; 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 */ 563,567 $("#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(); }); 564,568 $("#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 = "45"; var dbteamstroke = "0"; var dbteamleft = "180"; var dbteamtop = "165"; 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 = "240"; var dbnm1top = "220"; 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 = "4"; 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 = "50"; 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();