// 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('M177.82 496.18c18.03,17.87 97.19,18.77 122.24,18.93 30.74,0.19 112.92,1.68 133.17,-24.03l2.15 1.69c-21.13,26.83 -103.34,25.26 -135.33,25.06 -26.14,-0.16 -105.25,-0.98 -124.16,-19.72l1.93 -1.93zm25.13 -347.72l4.39 -0.3c-0.71,-0.97 0.33,-7.09 0.39,-12.59 -0.01,-4.2 0.87,-8.06 2.93,-11.48 3.41,-6.52 8.14,-11.72 12.26,-18.02 4.51,-6.81 8.8,-13.76 12.7,-20.93 2.06,-3.82 3.58,-7.91 5.03,-11.12 6.58,6.85 13.76,13.18 21.9,18.64 6.63,4.74 13.97,9.15 21.89,13.28 1.05,0.55 2.1,1.07 3.15,1.56l0 1.18 14.96 11.17 14.64 -10.93 0 -1.11c3.21,-1.41 6.45,-3 9.72,-4.8 6.13,-3.49 12.46,-7.52 19.11,-12.32 7.32,-5.24 13.49,-10.88 18.55,-16.91 2.5,5.7 5.96,11.84 10.54,18.49 5.09,7.41 10.58,14.62 16.41,22.06 3.4,4.29 5.77,8.32 7.43,12.18 1.19,3.46 1.57,6.69 1.31,9.69 -0.31,3.41 -0.32,6.51 -0.13,9.14l9.48 -4.25 8.6 -26.43 -41.93 -87.77 -24.48 -12.76 -113.8 1.57 -37.76 46.35 -14.33 42.71 17.04 43.7zm91.03 -38.3c2.18,0.8 4.38,1.51 6.59,2.14l1.98 1.48 1.45 -1.09c2.25,-0.68 4.51,-1.43 6.79,-2.28l-8.24 6.15 -8.57 -6.4zm8.57 15.75l14.64 -10.92 0 -2.93 -14.64 10.92 -14.96 -11.16 0 2.93 14.96 11.16zm0 6.07l14.64 -10.93 0 -2.57 -14.64 10.93 -14.96 -11.17 0 2.57 14.96 11.17zm0 6.07l14.64 -10.93 0 -2.21 -14.64 10.93 -14.96 -11.17 0 2.21 14.96 11.17zm0 6.06l14.64 -10.92 0 -1.85 -14.64 10.92 -14.96 -11.16 0 1.85 14.96 11.16zm0 6.07l14.64 -10.93 0 -1.49 -14.64 10.93 -14.96 -11.17 0 1.49 14.96 11.17zm0 6.07l14.64 -10.93 0 -1.13 -14.64 10.93 -14.96 -11.17 0 1.13 14.96 11.17zm0 6.06l14.64 -10.92 0 -0.77 -14.64 10.92 -14.96 -11.16 0 0.77 14.96 11.16zm0 12.39c47.5,35.45 94.99,70.91 142.49,106.36 -0.15,0.31 -0.3,0.62 -0.45,0.93 -47.35,-35.34 -94.69,-70.69 -142.04,-106.03 -47.35,35.34 -94.7,70.69 -142.04,106.03 -0.15,-0.31 -0.3,-0.62 -0.45,-0.93 47.5,-35.45 94.99,-70.91 142.49,-106.36zm0 -10.67l-142.71 106.52 0.38 0.5 142.33 -106.25 142.33 106.25 0.37 -0.5 -142.7 -106.52zm0 21.34c-47.43,35.4 -94.85,70.8 -142.27,106.2 0.17,0.46 0.34,0.91 0.52,1.36 47.25,-35.27 94.5,-70.54 141.75,-105.81 47.25,35.27 94.5,70.54 141.75,105.81 0.17,-0.45 0.35,-0.9 0.52,-1.36 -47.42,-35.4 -94.85,-70.8 -142.27,-106.2zm0 10.67c-47.35,35.34 -94.71,70.69 -142.06,106.04 0.2,0.6 0.4,1.2 0.6,1.8 47.15,-35.2 94.31,-70.4 141.46,-105.6 47.15,35.2 94.3,70.4 141.46,105.6 0.2,-0.6 0.4,-1.2 0.6,-1.8 -47.36,-35.35 -94.71,-70.7 -142.06,-106.04zm0 10.67c-47.28,35.29 -94.56,70.58 -141.84,105.88 0.22,0.74 0.45,1.48 0.67,2.23 47.06,-35.13 94.11,-70.26 141.17,-105.38 47.05,35.12 94.11,70.25 141.17,105.38 0.22,-0.75 0.45,-1.49 0.67,-2.23 -47.28,-35.3 -94.56,-70.59 -141.84,-105.88zm0 10.67c-47.21,35.24 -94.42,70.48 -141.63,105.72 0.25,0.89 0.5,1.77 0.75,2.66 46.96,-35.06 93.92,-70.11 140.88,-105.16 46.96,35.05 93.92,70.1 140.87,105.16 0.25,-0.89 0.51,-1.77 0.76,-2.66 -47.21,-35.24 -94.42,-70.48 -141.63,-105.72zm0 10.66c-47.14,35.19 -94.28,70.38 -141.41,105.57 0.27,1.03 0.55,2.06 0.83,3.09 46.86,-34.98 93.72,-69.96 140.58,-104.94 46.86,34.98 93.72,69.96 140.58,104.94 0.28,-1.03 0.55,-2.06 0.83,-3.09 -47.14,-35.19 -94.27,-70.38 -141.41,-105.57zm0 10.67c-47.07,35.14 -94.13,70.27 -141.2,105.41 0.3,1.17 0.61,2.35 0.91,3.52 46.76,-34.91 93.53,-69.82 140.29,-104.73 46.76,34.91 93.53,69.82 140.29,104.73 0.3,-1.17 0.6,-2.35 0.91,-3.52 -47.07,-35.14 -94.14,-70.27 -141.2,-105.41zm0 10.67c-46.99,35.08 -93.99,70.16 -140.98,105.25 0.32,1.32 0.65,2.63 0.98,3.95 46.67,-34.83 93.33,-69.67 140,-104.5 46.67,34.83 93.33,69.67 140,104.5 0.33,-1.32 0.65,-2.63 0.98,-3.95 -46.99,-35.09 -93.99,-70.17 -140.98,-105.25zm0 10.67c-46.92,35.03 -93.85,70.06 -140.77,105.08 0.36,1.47 0.71,2.93 1.06,4.39 46.57,-34.76 93.14,-69.52 139.71,-104.29 46.57,34.77 93.14,69.53 139.71,104.29 0.35,-1.46 0.7,-2.92 1.05,-4.39 -46.92,-35.02 -93.84,-70.05 -140.76,-105.08zm0 10.67c-46.85,34.98 -93.7,69.95 -140.55,104.92 0.38,1.61 0.75,3.22 1.13,4.83 46.47,-34.69 92.95,-69.39 139.42,-104.08l119.2 88.98 13.55 4.45 -132.75 -99.1zm0 10.67c-46.78,34.92 -93.56,69.84 -140.34,104.76l0.21 0.92c10.24,-5.65 19.26,-10.61 25.88,-14.23l114.25 -85.29 95.01 70.93c0.5,-0.2 0.96,-0.39 1.4,-0.59l10.83 3.56 -107.24 -80.06zm0 10.67l-92.18 68.81c1.73,0.58 3.94,1.15 6.6,1.72l85.58 -63.88 84.31 62.94c2.47,-0.58 4.65,-1.16 6.57,-1.75l-90.88 -67.84zm0 10.67l-81.32 60.7c2.36,0.43 4.98,0.86 7.85,1.29l73.47 -54.85 72.58 54.19c2.74,-0.5 5.26,-0.99 7.59,-1.48l-80.17 -59.85zm0 10.67l-69.5 51.88c2.71,0.38 5.62,0.75 8.72,1.12l60.78 -45.37 60.2 44.94c2.1,-0.27 4.21,-0.57 6.32,-0.87l2.23 -0.37 -68.75 -51.33zm0 10.67l-57.25 42.74c1.55,0.18 3.14,0.36 4.78,0.53 1.61,0.14 3.24,0.27 4.86,0.39l47.61 -35.54 47.27 35.29c3.13,-0.32 6.28,-0.67 9.46,-1.06l-56.73 -42.35zm0 10.67l-44.51 33.23c3.52,0.26 7.05,0.49 10.59,0.7l33.92 -25.32 33.84 25.26c3.44,-0.23 6.91,-0.51 10.41,-0.84l-44.25 -33.03zm0 10.67l-31.35 23.4c3.85,0.2 7.69,0.37 11.55,0.48l19.8 -14.78 19.82 14.8c3.79,-0.12 7.62,-0.3 11.48,-0.53l-31.3 -23.37zm0 10.67l-17.77 13.27c4.23,0.1 8.46,0.14 12.69,0.11l5.08 -3.79 5.09 3.8c4.2,0.04 8.43,0 12.7,-0.11l-17.79 -13.28zm-124.96 133.02c18.14,17.97 97.28,18.86 122.47,19.02 30.89,0.19 113.07,1.69 133.43,-24.15l1.64 1.29c-21.04,26.69 -103.23,25.13 -135.08,24.93 -26.01,-0.16 -105.13,-0.99 -123.93,-19.62l1.47 -1.47zm1.37 42.49c17.52,17.35 96.7,18.3 121.11,18.45 30.53,0.19 106.29,1.22 129.21,-20.49 -27.34,19.81 -96.23,19.04 -129.24,18.83 -26.65,-0.16 -105.75,-0.95 -125.07,-20.09l3.76 -3.78c17.62,17.46 96.8,18.39 121.34,18.55 30.14,0.18 112.31,1.64 132.14,-23.53l4.2 3.3c-1.17,1.48 -2.5,2.87 -3.97,4.19l4.22 3.32c-21.65,27.49 -103.88,25.88 -136.62,25.68 -26.78,-0.16 -105.87,-0.94 -125.3,-20.19l4.22 -4.24zm-0.46 -14.17c17.73,17.57 96.9,18.49 121.56,18.65 30.3,0.19 112.47,1.65 132.41,-23.65l3.68 2.89c-21.45,27.23 -103.67,25.64 -136.1,25.44 -26.53,-0.17 -105.63,-0.96 -124.85,-20.01l3.3 -3.32zm-0.23 -7.08c17.83,17.67 97,18.59 121.79,18.74 30.44,0.19 112.62,1.66 132.66,-23.77l3.17 2.49c-21.34,27.09 -103.55,25.51 -135.84,25.31 -26.4,-0.17 -105.51,-0.97 -124.62,-19.91l2.84 -2.86zm-0.22 -7.08c17.93,17.77 97.09,18.68 122.01,18.83 30.59,0.19 112.77,1.67 132.92,-23.9l2.66 2.09c-21.24,26.96 -103.45,25.39 -135.59,25.19 -26.27,-0.16 -105.38,-0.97 -124.39,-19.81l2.39 -2.4z');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('M199.35 148.31l6.2 4.3c5.2,3.45 19.14,3.01 31.7,2.73 16.83,-0.32 31.83,-1.14 45.9,-2.24 2.27,-0.1 4.51,-0.19 6.71,-0.26l12.69 9.47 12.61 -9.41c5.06,0.22 9.83,0.57 14.28,1.08 14.45,1.04 29.47,2.29 45.16,2.44 6.61,0.06 15.88,0.61 21.05,-0.56 3.55,-0.81 5.95,-1.86 6.71,-3.35l15.78 -5.59 -15.13 -83.05 -44.64 -58.55 -138.67 0 -28.13 122.66 7.78 20.33zm-21.53 347.87c18.03,17.87 97.19,18.77 122.24,18.93 30.74,0.19 112.92,1.68 133.17,-24.03l2.15 1.69c-21.13,26.83 -103.34,25.26 -135.33,25.06 -26.14,-0.16 -105.25,-0.98 -124.16,-19.72l1.93 -1.93zm-0.23 -7.08c18.14,17.97 97.28,18.86 122.47,19.02 30.89,0.19 113.07,1.69 133.43,-24.15l1.64 1.29c-21.04,26.69 -103.23,25.13 -135.08,24.93 -26.01,-0.16 -105.13,-0.99 -123.93,-19.62l1.47 -1.47zm1.37 42.49c17.52,17.35 96.7,18.3 121.11,18.45 30.53,0.19 106.29,1.22 129.21,-20.49 -27.34,19.81 -96.23,19.04 -129.24,18.83 -26.65,-0.16 -105.75,-0.95 -125.07,-20.09l3.76 -3.78c17.62,17.46 96.8,18.39 121.34,18.55 30.14,0.18 112.31,1.64 132.14,-23.53l4.2 3.3c-1.17,1.48 -2.5,2.87 -3.97,4.19l4.22 3.32c-21.65,27.49 -103.88,25.88 -136.62,25.68 -26.78,-0.16 -105.87,-0.94 -125.3,-20.19l4.22 -4.24zm-0.46 -14.17c17.73,17.57 96.9,18.49 121.56,18.65 30.3,0.19 112.47,1.65 132.41,-23.65l3.68 2.89c-21.45,27.23 -103.67,25.64 -136.1,25.44 -26.53,-0.17 -105.63,-0.96 -124.85,-20.01l3.3 -3.32zm-0.23 -7.08c17.83,17.67 97,18.59 121.79,18.74 30.44,0.19 112.62,1.66 132.66,-23.77l3.17 2.49c-21.34,27.09 -103.55,25.51 -135.84,25.31 -26.4,-0.17 -105.51,-0.97 -124.62,-19.91l2.84 -2.86zm-0.22 -7.08c17.93,17.77 97.09,18.68 122.01,18.83 30.59,0.19 112.77,1.67 132.92,-23.9l2.66 2.09c-21.24,26.96 -103.45,25.39 -135.59,25.19 -26.27,-0.16 -105.38,-0.97 -124.39,-19.81l2.39 -2.4zm112.8 -350.45c2.35,-0.07 4.65,-0.11 6.91,-0.14l4.79 3.58 4.78 -3.57c2.34,0.03 4.62,0.09 6.85,0.18l-11.63 8.68 -11.7 -8.73zm8.4 -0.16c2.24,-0.01 4.44,-0.01 6.59,0.01l-3.29 2.46 -3.3 -2.47zm3.3 22.05c47.5,35.45 94.99,70.91 142.49,106.36 -0.15,0.31 -0.3,0.62 -0.45,0.93 -47.35,-35.34 -94.69,-70.69 -142.04,-106.03 -47.35,35.34 -94.7,70.69 -142.04,106.03 -0.15,-0.31 -0.3,-0.62 -0.45,-0.93 47.5,-35.45 94.99,-70.91 142.49,-106.36zm0 -10.67l-142.71 106.52 0.38 0.5 142.33 -106.25 142.33 106.25 0.37 -0.5 -142.7 -106.52zm0 21.34c-47.43,35.4 -94.85,70.8 -142.27,106.2 0.17,0.46 0.34,0.91 0.52,1.36 47.25,-35.27 94.5,-70.54 141.75,-105.81 47.25,35.27 94.5,70.54 141.75,105.81 0.17,-0.45 0.35,-0.9 0.52,-1.36 -47.42,-35.4 -94.85,-70.8 -142.27,-106.2zm0 10.67c-47.35,35.34 -94.71,70.69 -142.06,106.04 0.2,0.6 0.4,1.2 0.6,1.8 47.15,-35.2 94.31,-70.4 141.46,-105.6 47.15,35.2 94.3,70.4 141.46,105.6 0.2,-0.6 0.4,-1.2 0.6,-1.8 -47.36,-35.35 -94.71,-70.7 -142.06,-106.04zm0 10.67c-47.28,35.29 -94.56,70.58 -141.84,105.88 0.22,0.74 0.45,1.48 0.67,2.23 47.06,-35.13 94.11,-70.26 141.17,-105.38 47.05,35.12 94.11,70.25 141.17,105.38 0.22,-0.75 0.45,-1.49 0.67,-2.23 -47.28,-35.3 -94.56,-70.59 -141.84,-105.88zm0 10.67c-47.21,35.24 -94.42,70.48 -141.63,105.72 0.25,0.89 0.5,1.77 0.75,2.66 46.96,-35.06 93.92,-70.11 140.88,-105.16 46.96,35.05 93.92,70.1 140.87,105.16 0.25,-0.89 0.51,-1.77 0.76,-2.66 -47.21,-35.24 -94.42,-70.48 -141.63,-105.72zm0 10.66c-47.14,35.19 -94.28,70.38 -141.41,105.57 0.27,1.03 0.55,2.06 0.83,3.09 46.86,-34.98 93.72,-69.96 140.58,-104.94 46.86,34.98 93.72,69.96 140.58,104.94 0.28,-1.03 0.55,-2.06 0.83,-3.09 -47.14,-35.19 -94.27,-70.38 -141.41,-105.57zm0 10.67c-47.07,35.14 -94.13,70.27 -141.2,105.41 0.3,1.17 0.61,2.35 0.91,3.52 46.76,-34.91 93.53,-69.82 140.29,-104.73 46.76,34.91 93.53,69.82 140.29,104.73 0.3,-1.17 0.6,-2.35 0.91,-3.52 -47.07,-35.14 -94.14,-70.27 -141.2,-105.41zm0 10.67c-46.99,35.08 -93.99,70.16 -140.98,105.25 0.32,1.32 0.65,2.63 0.98,3.95 46.67,-34.83 93.33,-69.67 140,-104.5 46.67,34.83 93.33,69.67 140,104.5 0.33,-1.32 0.65,-2.63 0.98,-3.95 -46.99,-35.09 -93.99,-70.17 -140.98,-105.25zm0 10.67c-46.92,35.03 -93.85,70.06 -140.77,105.08 0.36,1.47 0.71,2.93 1.06,4.39 46.57,-34.76 93.14,-69.52 139.71,-104.29 46.57,34.77 93.14,69.53 139.71,104.29 0.35,-1.46 0.7,-2.92 1.05,-4.39 -46.92,-35.02 -93.84,-70.05 -140.76,-105.08zm0 10.67c-46.85,34.98 -93.7,69.95 -140.55,104.92 0.38,1.61 0.75,3.22 1.13,4.83 46.47,-34.69 92.95,-69.39 139.42,-104.08l119.2 88.98 13.55 4.45 -132.75 -99.1zm0 10.67c-46.78,34.92 -93.56,69.84 -140.34,104.76l0.21 0.92c10.24,-5.65 19.26,-10.61 25.88,-14.23l114.25 -85.29 95.01 70.93c0.5,-0.2 0.96,-0.39 1.4,-0.59l10.83 3.56 -107.24 -80.06zm0 10.67l-92.18 68.81c1.73,0.58 3.94,1.15 6.6,1.72l85.58 -63.88 84.31 62.94c2.47,-0.58 4.65,-1.16 6.57,-1.75l-90.88 -67.84zm0 10.67l-81.32 60.7c2.36,0.43 4.98,0.86 7.85,1.29l73.47 -54.85 72.58 54.19c2.74,-0.5 5.26,-0.99 7.59,-1.48l-80.17 -59.85zm0 10.67l-69.5 51.88c2.71,0.38 5.62,0.75 8.72,1.12l60.78 -45.37 60.2 44.94c2.1,-0.27 4.21,-0.57 6.32,-0.87l2.23 -0.37 -68.75 -51.33zm0 10.67l-57.25 42.74c1.55,0.18 3.14,0.36 4.78,0.53 1.61,0.14 3.24,0.27 4.86,0.39l47.61 -35.54 47.27 35.29c3.13,-0.32 6.28,-0.67 9.46,-1.06l-56.73 -42.35zm0 10.67l-44.51 33.23c3.52,0.26 7.05,0.49 10.59,0.7l33.92 -25.32 33.84 25.26c3.44,-0.23 6.91,-0.51 10.41,-0.84l-44.25 -33.03zm0 10.67l-31.35 23.4c3.85,0.2 7.69,0.37 11.55,0.48l19.8 -14.78 19.82 14.8c3.79,-0.12 7.62,-0.3 11.48,-0.53l-31.3 -23.37zm0 10.67l-17.77 13.27c4.23,0.1 8.46,0.14 12.69,0.11l5.08 -3.79 5.09 3.8c4.2,0.04 8.43,0 12.7,-0.11l-17.79 -13.28zm7.72 -239.98c7.93,-3.1 16.47,-7.61 25.53,-13.32 6.46,-4.24 12.92,-8.92 19.38,-14.56l9.36 -9.32c3,7.69 6.66,15.26 10.96,22.69 3.66,6.47 8.03,12 12.53,18.12 2.54,3.59 5.54,6.95 7.53,11.7 1.21,3.25 1.93,6.9 3.44,10.06 -4.8,1.28 -13.53,1.24 -23.02,0.95 -12.17,-0.5 -23.82,-1.15 -35,-1.95 -10.89,-0.86 -21.15,-1.86 -30.8,-1.82l0.09 -22.55zm-64.15 -37.67c5.19,5.84 11.22,11.53 18.29,17.04 6.8,5.78 12.41,9.88 17.07,12.6 5.31,3.18 10.45,5.74 15.38,7.61 0.26,7.68 0.12,15.28 0.1,22.91 -8.37,0.42 -16.78,0.69 -25.11,1.25 -14.72,0.72 -29.27,1.27 -43.51,1.49 -6.75,0.11 -13.21,-0.09 -19.28,-0.7 1.89,-4.55 2.64,-8.82 5.68,-13.63 2.57,-4.27 14.48,-19.09 20.95,-29 3.67,-5.74 7.15,-12.26 10.43,-19.57z'); var cl1='#282829'; $('#spncl1').css('background-color', cl1); var cl2='#EC268F'; $('#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: 240, top: 110, scaleX: 12, scaleY: 12, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvas.add(logo2.set({ left: 0, top: 0, scaleX: 0, scaleY: 0, flipY: false, strokeWidth: 0, stroke: '', fill: '' }));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 = "3"; var dbteam = "TEAM"; var dbplayer = "PLAYER"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/advantage_front_56.virtual"; var dbback3d = "../virtual3d_images/advantage_back_56.virtual"; var dbtagleft = "360"; var dbtagtop = "345"; var dbtagsize = "33"; 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 */ 151,155 $("#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(); }); 152,156 $("#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 = "297"; 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 = "60"; var dbnm1stroke = "2"; var dbnm1left = "400"; var dbnm1top = "520"; 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 = "0"; var dbnm2stroke = "0"; var dbnm2left = "0"; var dbnm2top = "0"; 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 = "20"; var dbplayerstroke = "1"; var dbplayerleft = "300"; var dbplayertop = "190"; 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 = "80"; var dbnm3stroke = "2"; var dbnm3left = "305"; var dbnm3top = "255"; 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 = "0"; var dbnm4stroke = "0"; 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();