// 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('M99.17 350.94c14.85,-1.39 30.02,-3.41 45.04,-5.11 11.25,-1.62 22.26,-2.97 33.79,-3.76 7.95,-0.14 15.71,-1.57 23.86,-0.42l34.54 5.86c17.45,2.99 30.45,4.49 34.57,3l4.92 1.29 1.33 17.11 -35.55 6.09 -54.69 -7.81 -81.56 9.06 -16.56 -5.93 10.31 -19.38zm500.83 -350.94l-50 0 0 9.17 50 0 0 -9.17zm-550 590.83l-50 0 0 9.17 50 0 0 -9.17zm503.72 -273.34c-1.87,0.05 -3.91,0.14 -6.12,0.27 2.59,13.83 5.11,27.65 7.72,41.48 5.29,29.83 10.02,59.46 14.36,89.03 4.57,34.12 8.23,68.03 10.54,101.63 0.66,12.69 1.17,25.31 1.62,38.06l8.82 -5.34 -4.1 -34.31c-2.59,-33.09 -5.85,-67.62 -10.16,-101.04 -4.37,-29.44 -9.08,-59.1 -14.59,-89.32 -2.73,-13.49 -5.37,-26.97 -8.09,-40.46zm-190.22 -14.32c1.99,0.04 3.96,0.12 5.92,0.24 0.71,-3.67 1.42,-7.33 2.14,-11l-5.89 0.41c-0.74,3.46 -1.46,6.91 -2.17,10.35zm17.77 1.2c0.73,-4.27 1.47,-8.53 2.24,-12.8l-6.76 0.48 -2.1 11.73c2.21,0.18 4.41,0.38 6.62,0.59zm-2.46 14.73c-2.24,-0.22 -4.5,-0.41 -6.79,-0.59 -4.5,25.38 -8.89,50.69 -13.13,75.91 -4.52,29.12 -8.69,58.2 -12.51,87.24 -4.43,36.21 -7.13,71.77 -8.56,106.87l6.96 0.73c1.44,-35.07 4.75,-68.93 9.18,-105.13 3.8,-29.26 8.02,-58.99 12.69,-89.21 4.22,-25.05 8.01,-50.46 12.16,-75.82zm-19.83 40.14c2.59,-13.71 5.09,-27.4 7.65,-41.1 -2.02,-0.13 -4.06,-0.24 -6.12,-0.33 -2.69,13.38 -5.31,26.75 -8.02,40.14 -5.51,30.22 -10.21,59.88 -14.59,89.32 -4.31,33.42 -7.57,67.95 -10.16,101.04l-4.1 34.31 8.82 5.34c0.45,-12.75 0.96,-25.37 1.62,-38.06 2.31,-33.6 5.97,-67.51 10.54,-101.63 4.34,-29.57 9.07,-59.2 14.36,-89.03zm176.45 -40.48c4.18,25.47 7.98,51 12.22,76.16 4.67,30.22 8.89,59.95 12.69,89.21 4.38,35.77 7.66,69.24 9.13,103.86l6.99 -0.02c-1.44,-34.91 -4.13,-70.29 -8.54,-106.31 -3.82,-29.04 -7.99,-58.12 -12.51,-87.24 -4.27,-25.34 -8.68,-50.77 -13.2,-76.28 -2.13,0.17 -4.39,0.38 -6.78,0.62zm-2.45 -14.67c2.21,-0.21 4.42,-0.4 6.63,-0.57l-2.06 -11.47 -6.75 -0.48c0.74,4.17 1.47,8.34 2.18,12.52zm9.76 -11.68c0.71,3.59 1.4,7.17 2.09,10.75 1.97,-0.12 3.95,-0.21 5.91,-0.27 -0.69,-3.35 -1.39,-6.71 -2.11,-10.07l-5.89 -0.41zm-383.86 -243.15c7.72,1.5 16.71,1.8 26.89,1 5.97,-0.46 11.41,-1.65 16.91,-1.95 4.6,-0.25 7.96,0.13 10.01,1.03 -1.49,2.64 -4.63,4.43 -6.42,7.26 -3.39,5.37 -5.97,6.73 -9.17,10.25l-6.41 6.53c-1.93,1.79 -4.4,3.57 -7.18,5.34 -1.59,-1.54 -3.17,-2.64 -4.46,-4.33 -2.81,-3.64 -7.06,-6.58 -8.67,-8.91 -2.28,-2.71 -4.92,-5.15 -6.84,-8.12 -1.72,-4.3 -3.28,-5.55 -4.66,-8.1zm105.89 213.84l1.44 11.65c18.25,-12.4 44.16,-13.67 63.09,-6.06l-0.91 -10.78c-12.06,-9.73 -53.23,-7.02 -63.62,5.19zm10.46 62.62l17.29 37.41c19.01,1.46 21.08,6.72 42.31,-0.22l4.22 -38.36c-11.42,-10.46 -52.68,-10.37 -63.82,1.17zm-5.13 -19.64l1.44 11.65c18.26,-12.4 44.16,-13.67 63.09,-6.06l-0.91 -10.79c-12.06,-9.72 -53.23,-7.01 -63.62,5.2zm-1.84 -21.36l1.44 11.65c18.26,-12.4 44.16,-13.67 63.09,-6.06l-0.91 -10.78c-12.06,-9.73 -53.23,-7.02 -63.62,5.19zm-237.94 -15.17c23.66,3.18 47.98,11.79 59.55,21.11l5.93 -10.96c-13.13,-10.6 -38.55,-19.38 -62.37,-22.5l-3.11 12.35zm-15.34 94.9c19.9,5.95 27.57,3.42 42.13,5.95l18.96 -30.94c-14.3,-8.95 -40.29,-15.4 -64.31,-15.64l3.22 40.63zm2.69 -50.23c24.31,1.29 48.82,8.71 60.85,17.44l4.69 -9.8c-13.64,-9.93 -39.11,-18.19 -63.05,-20.12l-2.49 12.48zm6.67 -22.59c23.65,3.18 47.97,11.79 59.54,21.11l5.93 -10.96c-13.12,-10.6 -38.55,-19.38 -62.36,-22.5l-3.11 12.35zm133.35 -247.74c13.66,-1.09 26.12,-1.48 37.44,-1.19 9.83,0.48 15.59,1.71 17.74,3.62 0.24,-0.36 0.3,-0.81 0.15,-1.39 -0.76,-1.65 -1.75,-3.01 -5.55,-3.59 -4.65,-1.29 -10.07,-1.93 -16.1,-2.05 -10.47,-0.19 -21.5,0.3 -33.35,1.81 -0.19,0.96 -0.19,1.89 -0.33,2.79zm-6.97 5.27c-4.57,2.98 -2.46,7.17 -0.2,12.84 1.38,2.86 3.11,5.73 5.01,8.6 4.24,3.82 7.91,7.73 12.15,11.48 -14.3,3.23 -26.52,7.42 -36.97,12.42 -12.84,6.21 -23.69,13.06 -32.05,20.72 -4.48,3.95 -8.1,7.77 -10.95,11.46 -4.64,11.79 -11.05,22.19 -17.2,32.91 -3.38,5.89 -7.21,8.83 -11.78,9.4 -2.31,0.28 -4.32,0.33 -6.19,0.27l17 -77.19 17.66 -19.06 51.88 -24.07 11.71 -2.34 -0.07 2.56zm66.24 2.01c1.5,2.18 1.95,4.66 1.66,7.35 -0.43,4.32 -3.1,9.19 -6.74,14.29 -3.65,3.12 -6.43,6.47 -10.75,9.36 14.36,3.14 28.05,8.26 41.2,15.05 16.04,8.28 27.43,18.15 34.8,29.39 3.52,10.53 8.34,21.19 14.58,33.08 3.28,6.24 9.8,9.73 20.05,10.64l13.83 -9.91 -34.24 -90.88 -74.09 -23.7 -1.41 2.91 -0.56 -0.12 -3.07 5.68c-3.81,5.88 -8.55,11.32 -13.92,16.47 -7.09,6.55 -14.41,12.53 -21.82,18.3l2.61 1.95 13.6 -11.05c5.97,-4.9 11.35,-9.84 15.8,-14.85 3.7,-4.17 6.58,-8.76 8.45,-13.88l0.02 -0.08zm-117.6 284.73c21.46,-2.03 43.19,-5.17 64.78,-7.75 19.9,-2 35.92,-2.32 46.62,-0.33 16.43,2.69 33.56,6.6 49.28,8.08 4.02,0.38 7.64,0.18 10.94,-0.2l-5.02 -15.28c-15.15,1.28 -29.67,-3.23 -44.86,-6.12 -18.05,-3.45 -40.81,-3.88 -68.78,-0.04 -16.11,1.92 -32.02,4.27 -48.32,5.76l-4.64 15.88zm52.93 -287.89c0.14,4.93 3.77,11.35 10.42,19.06 4.47,5.25 9.66,10.35 15.86,15.25l2.48 -1.74c-6.16,-5.42 -11.72,-10.78 -16.15,-16.06 -6.17,-7.34 -10.5,-14.16 -10.25,-19.67l-2.21 -1.02 -0.15 4.18z');color3 = new fabric.Path('M388.39 305.04c0.69,-4.95 1.33,-9.66 1.9,-13.94l-6.78 0.47c-0.77,4.27 -1.51,8.53 -2.24,12.8 2.37,0.23 4.74,0.46 7.12,0.67zm211.61 -305.04l-50 0 0 9.17 50 0 0 -9.17zm-550 590.83l-50 0 0 9.17 50 0 0 -9.17zm3.83 -427.44c3.08,0.01 6.15,-0.4 8.31,-2.46 2.24,-2.14 4.04,-5.78 5.62,-8.52 5.38,-9.29 10.66,-18.42 14.61,-28.47l0.25 -0.44c7.52,-9.7 17.66,-18.22 28.01,-24.77 11.26,-7.12 23.62,-12.95 36.28,-17.13 5.09,-1.68 10.29,-3.14 15.53,-4.42 1.01,0.97 2.01,1.94 3.05,2.91 -5.85,1.36 -11.7,2.97 -17.47,4.87 -12.42,4.1 -24.46,9.76 -35.51,16.76 -9.77,6.18 -19.78,14.57 -26.94,23.74 -4.03,10.19 -9.35,19.38 -14.75,28.73 -1.81,3.14 -3.63,6.8 -6.25,9.3 -3.26,3.12 -7.35,3.49 -11.51,3.4l0.77 -3.5zm49.11 143.16l7.88 -2.08c20.24,-2.41 40.93,-5.39 60.74,-7.23 19.88,-1.85 37.63,-0.52 57.85,3.48 10.74,2.13 24.91,6.51 32.94,4.66l3.61 15.04c-15.15,1.28 -29.67,-3.23 -44.86,-6.12 -18.05,-3.45 -40.81,-3.88 -68.78,-0.04 -16.11,1.92 -32.02,4.27 -48.32,5.76l-1.06 -13.47zm156.99 -52.64c12.84,-13.96 43.16,-18.21 67.61,-9.19l0.85 13.19c-12.06,-9.73 -53.23,-7.02 -63.62,5.19l-4.84 -9.19zm-105.28 -209.06l-1.26 -6.18 8.44 -5.39 40.16 -0.08 6.95 6.72 0.67 1.91c-0.6,-0.19 -1.3,-0.36 -2.14,-0.49 -4.65,-1.29 -10.07,-1.93 -16.1,-2.05 -10.47,-0.19 -21.5,0.3 -33.35,1.81 -0.19,0.96 -0.19,1.89 -0.33,2.79 -0.22,1.9 0.16,3.69 1.19,5.37 1.38,2.55 2.94,3.8 4.66,8.1 1.92,2.97 4.56,5.41 6.84,8.12 1.61,2.33 5.86,5.27 8.67,8.91 1.29,1.69 2.87,2.79 4.46,4.33 2.78,-1.77 5.25,-3.55 7.18,-5.34l6.41 -6.53c3.2,-3.52 5.78,-4.88 9.17,-10.25 1.79,-2.83 4.93,-4.62 6.42,-7.26 0.39,-1.03 0.34,-2.2 0.18,-3.02 0.25,-0.34 0.31,-0.79 0.15,-1.39 -0.1,-0.2 -0.19,-0.39 -0.3,-0.58l4.54 1.49 -1.41 2.91 -0.56 -0.12 -3.07 5.68c-3.81,5.88 -8.55,11.32 -13.92,16.47 -7.08,6.54 -14.4,12.52 -21.79,18.28l-3.25 -2.52 5.31 -4.22 2.48 -1.74c-6.16,-5.42 -11.72,-10.78 -16.15,-16.06 -6.17,-7.34 -10.5,-14.16 -10.25,-19.67zm-119.46 199.85c23.62,2.7 51.42,12.48 65.04,22.81l-4.43 12.19c-13.13,-10.6 -38.55,-19.38 -62.37,-22.5l1.76 -12.5zm171.75 -167.3c5.76,1.44 11.42,3.18 16.98,5.21 7.23,2.64 14.28,5.76 21.14,9.3 7.45,3.85 14.44,8.25 20.74,13.46 6.32,5.24 11.95,11.3 16.62,18.42l0.19 0.41c3.8,11.34 8.83,22.14 14.38,32.71 2.82,5.36 9.27,6.89 14.83,7.43l9.17 -0.62 -5.47 3.92 -3.88 0.23c-6.91,-0.65 -14.3,-2.7 -17.78,-9.32 -5.6,-10.66 -10.67,-21.57 -14.52,-32.99 -4.44,-6.74 -9.79,-12.48 -15.8,-17.46 -6.1,-5.05 -12.88,-9.32 -20.1,-13.04 -6.73,-3.49 -13.65,-6.54 -20.73,-9.13 -6.19,-2.26 -12.53,-4.16 -18.99,-5.67 1.14,-0.93 2.2,-1.89 3.22,-2.86zm321.18 227.17c1.62,-0.17 3.24,-0.33 4.86,-0.48 -0.71,-4.18 -1.44,-8.35 -2.18,-12.52l-6.79 -0.47c0.56,4.21 1.19,8.82 1.86,13.68l2.25 -0.21zm22.67 171.23c5.4,37.8 8.35,74.39 11.13,112.2l7.55 -0.01c-1.47,-34.62 -4.75,-68.09 -9.13,-103.86 -3.8,-29.26 -8.02,-58.99 -12.69,-89.21 -4.24,-25.16 -8.04,-50.69 -12.22,-76.16 -1.71,0.17 -3.5,0.36 -5.36,0.57l-2.13 0.23c2.29,16.17 4.81,33.22 6.91,46.27 5.91,36.6 10.78,73.48 15.94,109.97zm-198.56 114.24c2.83,-38.53 5.79,-75.76 11.28,-114.24 5.17,-36.49 10.03,-73.37 15.94,-109.97 2.09,-12.95 4.58,-29.85 6.86,-45.93l-0.08 0c-2.45,-0.29 -4.92,-0.56 -7.42,-0.8 -4.15,25.36 -7.94,50.77 -12.16,75.82 -4.67,30.22 -8.89,59.95 -12.69,89.21 -4.43,36.2 -7.74,70.06 -9.18,105.13l7.45 0.78z');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('M600 0l-50 0 0 9.17 50 0 0 -9.17zm-460.1 29.72l1.92 0.59c18.37,0.52 36.47,1.86 55.23,2.27l4.61 -3.87 -0.86 -0.85 -5.19 1.28c-16.5,-1.12 -32.99,-2.25 -50.12,-2.42l-3.23 -1.11 -2.36 4.11zm217.08 328.61c2.88,-15.29 5.66,-30.54 8.54,-45.82 -2.21,0.47 -4.38,1.12 -6.52,1.98 -2.87,14.18 -5.64,28.36 -8.52,42.54 -5.5,30.22 -10.21,59.89 -14.58,89.33 -4.31,33.42 -7.57,67.94 -10.16,101.04l-4.1 34.31 8.82 5.34c0.44,-12.75 0.96,-25.38 1.61,-38.06 2.32,-33.6 5.98,-67.51 10.55,-101.63 4.34,-29.57 9.07,-59.2 14.36,-89.03zm11.27 -60.15c0.43,-2.23 0.87,-4.46 1.31,-6.68l-5.9 0.41c-0.54,2.58 -1.09,5.15 -1.62,7.73 1.97,-0.57 4.05,-1.06 6.21,-1.46zm172.49 -6.68c0.44,2.27 0.89,4.55 1.33,6.83 2.01,0.28 4.04,0.6 6.09,0.95l0.02 0c-0.51,-2.45 -1.03,-4.91 -1.55,-7.37l-5.89 -0.41zm4.04 21.01c2.88,15.28 5.66,30.54 8.54,45.82 5.29,29.83 10.02,59.46 14.36,89.03 4.57,34.12 8.22,68.03 10.54,101.63 0.66,12.68 1.17,25.31 1.62,38.06l8.82 -5.34 -4.1 -34.31c-2.59,-33.1 -5.85,-67.62 -10.16,-101.04 -4.38,-29.44 -9.08,-59.11 -14.59,-89.33 -2.92,-14.43 -5.74,-28.84 -8.66,-43.27 -2.12,-0.54 -4.24,-0.95 -6.37,-1.25zm0.87 81.5c4.66,30.21 8.89,59.94 12.68,89.2 4.36,35.54 7.62,68.82 9.11,103.2l7.01 0.36c-1.45,-34.82 -4.13,-70.11 -8.54,-106.03 -3.81,-29.03 -7.99,-58.12 -12.5,-87.24 -4.56,-27.09 -9.29,-54.29 -14.14,-81.57 -2.06,-0.24 -4.36,-0.42 -6.91,-0.55 4.61,27.62 8.69,55.33 13.29,82.63zm-8.93 -96.33l-1.17 -6.55 -6.76 -0.47c0.39,2.17 0.77,4.34 1.15,6.51l2.01 0.13c1.57,0.09 3.16,0.22 4.77,0.38zm-172.08 96.33c4.63,-27.44 8.73,-55.3 13.36,-83.07 -2.07,0.17 -4.07,0.39 -6,0.66l-0.93 0.07c-4.87,27.37 -9.61,54.66 -14.19,81.83 -4.51,29.12 -8.68,58.21 -12.5,87.24 -4.43,36.15 -7.12,71.66 -8.56,106.7l6.97 0.51c1.45,-34.93 4.75,-68.67 9.17,-104.74 3.8,-29.26 8.02,-58.99 12.68,-89.2zm15.8 -97.34c0.35,-2.01 0.7,-4.01 1.06,-6.01l-6.75 0.47 -1.12 6.21c2.21,-0.28 4.48,-0.5 6.81,-0.67zm-129.33 28.02l2.02 13.77c-5.55,13.76 -16.54,18.61 -24.09,19.76 -21.13,3.72 -35.67,2.59 -51.5,2.77 -15.99,0.41 -20.04,4.56 -47.39,2.21 -18.87,-1.25 -37.27,-5.03 -44.8,-9.64 -3.13,-0.82 -5.69,-5.92 -6.83,-9.34l-3.84 -3.25 4.56 -11.78 3.24 2.74c1.14,3.43 3.31,5.5 6.45,6.32 10.35,3.68 26.7,5.65 45.57,6.9 17.3,1.86 29.06,-2 45.05,-2.41 15.83,-0.17 28.41,0.95 48.77,-2.09 7.5,-1.13 15.51,-5.55 22.79,-15.96zm-176.62 30.31l1.03 1.59c2.35,8.62 8.29,14.33 17.55,17.35 9.44,3.4 24.34,6.11 45.24,8.08 11.43,0.92 22.59,0.24 33.5,-1.96 12.55,-1.67 26.24,0.03 39.99,-1.49 14.38,-1.6 25.91,-4.27 32.37,-9.06 6,-4.44 10.1,-9.78 8.7,-15.95l3.76 0.56 7.02 26.64 -27.73 14.26 -59.18 4.3 -27.15 3.11 -30.28 -2.72 -30.24 -5.75 -22.1 -16.91 7.52 -22.05zm9.4 -92.84l-2.4 11.99c-16.91,8.68 -46.48,6.44 -63.87,-13.19l1.39 -11.07c11.85,11.48 40.89,24.53 64.88,12.27zm168.05 2.57l2.4 11.03c18.96,6.53 55.09,4.16 69.69,-5.51l-2.65 -12.54c-14.1,8.75 -46.98,12.46 -69.44,7.02zm18.19 57.05l13.73 31.72c19.21,7.98 30.7,19.95 45.71,6.14l-1.35 -33.13c-14.48,8.62 -28.51,5.29 -58.09,-4.73zm-9.78 -18.78l1.54 8.86c19.22,7.98 53.81,16.27 68.82,2.46l-1.98 -11.04c-14.49,8.62 -38.8,9.73 -68.38,-0.28zm-3.04 -18.53l1.75 10.08c19.21,7.98 55.11,9.29 69.15,-2.57l-1.98 -11.04c-14.36,8.31 -46.49,10.99 -68.92,3.53zm-188.02 34.58l-15.12 29.55c-19.22,7.98 -15.05,13.13 -33.48,5.09l-1.58 -37.04c13.41,15.06 30.56,14.46 50.18,2.4zm5.72 -18.11l-1.49 9.7c-28.1,16.48 -46.16,7.88 -55.71,-5.43l1.67 -9.25c15.46,14.18 34.4,18.37 55.53,4.98zm3.34 -17.35l-1.69 9.76c-25.47,13.74 -46.67,3.85 -58.27,-8.5l0.36 -11.53c17.3,15.35 37.07,19.35 59.6,10.27zm-47.79 -115.05c10.24,4.42 17.74,2.93 21.97,-5.42 10.38,-20.48 16.12,-35.03 25.24,-42.78 20.23,-17.18 42.77,-30.69 69.83,-36.33 27.6,-5.76 53.76,-1.02 77.83,12.11 20.16,10.99 36.44,24.14 44.24,41.5 8.13,18.11 14.72,32.23 20.65,33.35 4.75,0.9 9.54,0.35 14.5,-2.44l5.67 -3.42 -22.07 -78.9 -15.82 -21.39 -68.07 -25.98 -2.39 0.49c-3.81,-2.25 -12.87,1.08 -23,0.49 -9,-0.04 -18.47,-0.99 -28.37,-2.78 -5.82,-1.24 -10.61,-0.62 -17.19,1.95l-17.53 0.05 -59.38 24.51 -18.16 28.32 -12.11 74.9 4.16 1.77zm19.44 422.29l-50 0 0 9.17 50 0 0 -9.17z');color6 = new fabric.Path('M600 0l-50 0 0 9.17 50 0 0 -9.17zm-350.73 252.94c25.55,6.38 55.09,0.51 71.45,-8.76l0.66 13.53c-14.1,8.75 -46.98,12.46 -69.44,7.02l-2.67 -11.79zm299.52 221.95c5.34,37.43 8.29,73.69 11.05,111.12l7.6 0.4c-1.49,-34.38 -4.75,-67.66 -9.11,-103.2 -3.79,-29.26 -8.02,-58.99 -12.68,-89.2 -4.6,-27.3 -8.68,-55.01 -13.29,-82.63 -2.29,-0.11 -4.79,-0.18 -7.48,-0.2 2.55,18.24 5.54,38.66 7.97,53.73 5.91,36.61 10.77,73.49 15.94,109.98zm-18.85 -177.72c-0.38,-2.17 -0.76,-4.34 -1.15,-6.51l-6.78 -0.48 0.89 6.65c2.26,0.07 4.61,0.19 7.04,0.34zm-179.67 291.33c2.81,-38.31 5.77,-75.35 11.23,-113.61 5.17,-36.49 10.04,-73.37 15.94,-109.98 2.46,-15.24 5.49,-35.95 8.06,-54.35 -2.6,0.07 -5.1,0.19 -7.5,0.38 -4.63,27.77 -8.73,55.63 -13.36,83.07 -4.66,30.21 -8.88,59.94 -12.68,89.2 -4.42,36.07 -7.72,69.81 -9.17,104.74l7.48 0.55zm37.19 -292.21l0.83 -6.11 -6.79 0.48c-0.36,2 -0.71,4 -1.06,6.01l0.16 -0.01c2.31,-0.16 4.6,-0.28 6.86,-0.37zm-303.49 18.62l4.07 6.05c7.81,2.32 18.67,4 32.72,5.01 36.37,3.39 32.25,-0.78 48.37,-1.17 19.61,-0.58 35.64,0.85 58.83,-1.75 6.16,-0.82 13.08,-5.4 20.63,-13.16l2.64 14.62c-7.3,10.54 -15.37,15 -22.91,16.14 -20.36,3.04 -32.94,1.92 -48.77,2.09 -15.99,0.41 -27.75,4.27 -45.05,2.41 -18.87,-1.25 -35.22,-3.22 -45.57,-6.9 -3.14,-0.82 -5.31,-2.89 -6.45,-6.32l-3.84 -3.25 5.33 -13.77zm-59.1 -155.27c4.33,1.84 12.06,5.79 16.54,5.31 2.28,-0.25 4.28,-1.54 5.8,-4.53 1.57,-3.11 3.25,-6.54 4.92,-9.97 2.66,-5.46 5.33,-10.94 8.24,-16.33 3.58,-6.63 7.74,-13.41 13.54,-18.33 10.64,-9.04 21.82,-16.99 33.8,-23.41 12,-6.43 24.8,-11.32 38.67,-14.21 14.18,-2.96 28.11,-3.29 41.68,-1.19 13.85,2.16 27.3,6.85 40.23,13.9 9.35,5.1 18.76,11.11 26.95,18.33 8.27,7.3 15.32,15.85 19.87,25.97 2.05,4.61 12.84,29.27 16.32,29.93 3.7,0.7 7.03,0.14 10.32,-1.69l9.25 -5.59 1.83 3.03 -9.31 5.62c-4.03,2.25 -8.2,2.96 -12.74,2.1 -5.32,-1 -16.3,-26.18 -18.89,-31.96 -4.32,-9.62 -11.06,-17.77 -18.98,-24.75 -8,-7.05 -17.18,-12.91 -26.31,-17.89 -12.57,-6.85 -25.64,-11.42 -39.08,-13.51 -13.14,-2.04 -26.66,-1.71 -40.42,1.16 -13.53,2.82 -26.02,7.59 -37.73,13.86 -11.73,6.29 -22.7,14.1 -33.17,22.99 -5.43,4.61 -9.36,11.11 -12.72,17.32 -2.83,5.25 -5.5,10.73 -8.17,16.2 -1.59,3.25 -3.17,6.51 -4.95,10.01 -2.14,4.24 -5.13,6.08 -8.57,6.45 -5.52,0.6 -13.13,-3.37 -18.31,-5.57l1.39 -3.25zm175.93 -131.78l-6.17 -6.03 -49.84 -0.62 -2.53 4.4 3.23 1.11c17.13,0.17 33.62,1.3 50.12,2.42l5.19 -1.28zm-114.94 222.44c-20.38,12.34 -53.05,-1.24 -65.25,-10.9l-1.84 10.26c11.71,11.54 41.05,24.88 65.22,12.45l1.87 -11.81zm-35.86 340.53l-50 0 0 9.17 50 0 0 -9.17z'); var cl1='#FFF212'; $('#spncl1').css('background-color', cl1); var cl2='#282829'; $('#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: 520, top: 552, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#FFFFFF', fill: '#282829' }));canvas.add(logo2.set({ left: 0, top: 0, 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 = "4"; var dbteam = "TEAM"; var dbplayer = "PLAYER"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/pittsburgh_front_122.virtual"; var dbback3d = "../virtual3d_images/pittsburgh_back_122.virtual"; var dbtagleft = "235"; var dbtagtop = "375"; var dbtagsize = "35"; 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 */ 667,672 $("#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(); }); 668,673 $("#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(); }); 669,674 $("#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 = "30"; var dbteamstroke = "0.3"; var dbteamleft = "180"; var dbteamtop = "155"; 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 = "30"; var dbnm1stroke = "0.5"; var dbnm1left = "312"; var dbnm1top = "210"; var dbnm1angle = "-12"; 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 = "30"; var dbnm2stroke = "0.5"; var dbnm2left = "50"; var dbnm2top = "210"; var dbnm2angle = "12"; 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 = "0"; var dbplayerstroke = "0"; var dbplayerleft = "0"; var dbplayertop = "0"; 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 = "0"; var dbnm3stroke = "2"; var dbnm3left = "300"; var dbnm3top = "230"; 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 = "2"; var dbnm4left = "220"; var dbnm4top = "520"; 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();