// 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('M58.36 43.8c0.25,1.01 0.46,2.03 0.66,3.06l-0.66 -3.06zm483.31 246.71l-13.19 19.17 9.35 88.63 13.2 -19.16 -1.21 -11.45 17.27 -25.09 0.69 6.48 -10.04 -95.11 -17.27 25.08 1.2 11.45zm-261.9 91.6c0.12,10.74 -0.38,21.2 -1.2,31.52 -32.28,-14.11 -72.43,-36.08 -119.29,-64.77l0 -19.53c-43.55,-25.77 -85.01,-51.54 -119.38,-77.31 -0.04,-13.91 -0.17,-27.14 -1.14,-34.46 29.39,21.84 72.06,48.04 120.48,76.12l0.02 19.78c41.06,25.29 81.28,48.31 120.51,68.65zm-216.74 -335.5l3.52 3.34c-0.81,6.26 -0.36,12.49 -0.78,18.88 -1.12,18.58 -4.6,36.73 -9.54,54.62 -2.57,9.2 -5.8,17.06 -8.47,25.66 -2.38,9.32 -5.74,18.48 -7.91,27.78 -1.34,5.71 -1.41,11.56 -2.3,17.34 -0.27,1.77 -0.85,2.8 -1.42,3.51 -2.35,-4.44 -3.43,-7.65 -3.4,-9.79l0.25 -3.15 -4.27 -12.47 8.3 -41.51 10.35 -48.04 -0.78 -35.16 12.44 -0.76 0 0 4.01 -0.25zm192.02 -0.91c-2.29,0.65 -4.01,2.1 -5.33,4.12 0.17,9.79 0.68,18.99 1.86,27.15 2.88,20.01 7.22,39.11 12.74,57.42 4.04,12.98 8.71,25.65 12.11,38.95 2.34,8.19 1.94,22.98 4.45,24.14 1.67,-4.31 4.35,-7.88 2.73,-12.84l3.66 -12.09 -8.2 -48.92 -12.89 -56.45 0.39 -20.9 -7.99 -0.4 -1.19 -0.07 -2.34 -0.11zm-161 -11.58l0 2.7c-0.39,5.62 0.17,11.25 1.75,16.88 2.25,7.25 6.9,13.7 13.21,19.61 9,7.17 18.51,13.72 27.77,20.58 5.29,4.43 9.04,9.32 10.68,14.85 0.61,1.66 1.22,3.45 1.8,5.41l18.29 -0.02c2.09,-8.1 5.51,-14.61 10.77,-18.96 7.53,-6.4 15.48,-11.29 23.43,-17.52 9.54,-7.29 16.28,-15.57 19.04,-25.26 1.15,-4.09 1.81,-8.13 0.87,-12.01l0.89 -0.66 -0.15 -2.37 -1.44 -9.14 -10.36 -1.68 -111.6 0.31 -4.95 7.28zm10.42 6.94c16.22,5.3 33.68,8.29 53.44,8.57 16.76,0.25 34.75,-2.27 53.79,-8.08 -1.21,8.11 -4.12,14.03 -7.93,18.81 -9.25,11.24 -18.39,14.79 -28.05,21.83 -8.64,6.4 -14.75,13.98 -17.15,23.29l-0.23 0.02c-2.15,-7.28 -6.43,-14.28 -14.57,-20.55 -9.5,-7.34 -19.28,-11.54 -27.95,-20.52 -5.94,-6.16 -9.89,-13.77 -11.35,-23.37zm235.36 207.46l11.61 11.04c3.94,1.07 8.19,1.98 12.63,2.78l-2.28 30.75 -13.79 -18.74 0.85 -11.48 -18.04 -24.54 0.72 -9.83 -3.62 -2.11 -23.48 316.61 3.62 2.11 6.1 -82.31 -1.16 15.66 18.05 24.54 -0.85 11.48 13.79 18.74 -1.62 21.75c-2.63,-0.55 -5.27,-1.15 -7.94,-1.78 -2.46,-17.15 -4.7,-34.47 -5.5,-52.76l-7.45 -5.99 -1.96 31.45 6.38 41.67 23.05 7.42 57.68 3.52 18.36 -4.45 11 -9.03 -0.4 -19.62 -6.31 -1.01c-1.2,2.45 -2.93,4.78 -4.95,7.31 -4.28,5.34 -9.99,8.57 -17.61,9.24 -11.09,0.55 -22.74,0.16 -34.97,-1.2 -8.33,-0.9 -16.89,-2.25 -25.65,-4l21.71 -292.77c18.01,2.88 38.52,3.87 54.45,4.16l0.01 -0.03 0.51 -3.42c0,0 -0.12,-4.17 0.05,-6.14 0.17,-1.98 -0.22,-3.96 -0.22,-4.4 0,-0.44 -0.03,-4.37 0.07,-5.18 0.1,-0.8 -0.1,-2.58 -0.19,-3.32 -0.1,-0.73 0.12,-3.61 0.17,-4.32 0.05,-0.71 0.07,-3.45 0.07,-3.45 0,0 0.85,-0.51 1.85,-0.39 1,0.12 1.52,0.24 2.37,0.37 0.86,0.12 3.88,0.44 4.32,0.63 0.44,0.2 3.81,-0.05 4.89,0.03 1.07,0.07 6.88,-0.44 8.27,-0.34 1.39,0.09 9.26,0.34 11.43,0.14 2.17,-0.19 7.13,-0.73 8.13,-0.76 1,-0.02 2.32,0.1 2.32,0.1l-0.59 3.2c0.51,2.12 0.6,4.23 0.13,6.35 0.68,3.51 0.63,7.03 0.22,10.54 0.33,1.94 0.32,4.14 0.07,6.52l0.39 3.38c12.08,-0.25 34.62,-0.65 53.29,-3.19l30.83 292.17c-5.53,1.42 -11.01,2.55 -16.43,3.27 -12.8,1.58 -26.38,1.59 -40.48,0.56 -9.07,-0.58 -17.3,-1.87 -23.05,-5.25 -3.43,-2.15 -6.32,-5.13 -8.45,-9.3 -2.12,-4.17 -3.44,-0.88 -3.98,-0.88l-0.24 18.05 14.94 9.96 27.25 5.57 45.41 0.58 25 -8.1 4.1 -52.25 -10.77 -20.59 16.88 -24.53 -1.41 -13.41 8.43 79.87 3.55 -2.22 -33.32 -315.73 -3.55 2.23 1.03 9.8 -2.83 4.11 -8.57 -21.94 -101.17 2.74 -91.93 0.52 -11.22 29.84zm183.71 14.38c5.55,-0.87 10.65,-1.96 14.87,-3.32l1.08 10.2 -13.2 19.17 -2.75 -26.05zm30.78 291.72c1.8,-0.5 3.6,-1.04 5.4,-1.6l2.54 -27.74 0.78 -13.55 -11.48 16.67 2.76 26.22zm9.43 -54.97l0.13 -2.34 -0.33 0.48 0.2 1.86zm-203.51 -185.77l-6.59 88.89 -13.78 -18.75 0.85 -11.48 -18.05 -24.54 6.59 -88.88 18.05 24.53 -0.85 11.49 13.78 18.74zm-8.13 109.67l-6.59 88.88 -13.79 -18.74 0.85 -11.48 -18.05 -24.54 6.6 -88.88 18.04 24.54 -0.85 11.48 13.79 18.74zm187.91 -4.51l9.35 88.64 13.2 -19.17 -1.21 -11.45 17.28 -25.09 -9.36 -88.63 -17.27 25.09 1.21 11.45 -13.2 19.16z');color3 = new fabric.Path('M58.36 43.8c0.25,1.01 0.46,2.03 0.66,3.06l-0.66 -3.06zm485.5 267.45l-13.2 19.16 -2.18 -20.73 13.19 -19.17 -1.2 -11.45 17.27 -25.08 2.19 20.73 -17.27 25.09 1.2 11.45zm-428.04 -246.82c-5.94,-6.16 -9.89,-13.77 -11.35,-23.37 -0.2,-1.27 -0.32,-2.83 -0.32,-4.76 13.16,4.52 29.15,7.76 48.05,8.49 19.65,0.76 39.59,-2.19 59.77,-7.57 -0.04,1.6 -0.14,3.02 -0.27,4.33 -1.21,8.11 -4.12,14.03 -7.93,18.81 -9.25,11.24 -18.39,14.79 -28.05,21.83 -8.64,6.4 -14.75,13.98 -17.15,23.29l-0.23 0.02c-2.15,-7.28 -6.43,-14.28 -14.57,-20.55 -9.5,-7.34 -19.28,-11.54 -27.95,-20.52zm141.06 7.6c1.63,16.26 5.1,32.15 9.86,47.79 3.2,10.92 6.62,21.86 9.6,32.78 0.26,0.96 0.52,1.92 0.76,2.87 2,7.77 3.49,15.32 4.64,22.57 0.74,4.65 1.01,9.25 1.52,13.88 0.83,-2.24 1.24,-4.55 0.35,-7.28l3.66 -12.09 -8.2 -48.92 -12.89 -56.45 0.39 -20.9 -7.99 -0.4 -1.19 -0.07c-1.42,8.29 -1.43,17.09 -0.51,26.22zm-218.2 112.06c38.06,25.14 78.55,49.66 120.77,73.75l-0.58 19.93 116.85 69.09c-0.32,5.99 2.13,11.3 3.27,16.94 1.33,6.55 0.52,12.21 0.78,18.31 -39.23,-20.34 -79.45,-43.36 -120.51,-68.65l-0.02 -19.78c-48.42,-28.08 -91.09,-54.28 -120.48,-76.12l-2.79 -16.7 0.16 -3.12c0.57,-0.71 1.15,-1.74 1.42,-3.51 0.52,-3.37 0.76,-6.76 1.13,-10.14zm1.52 -26.03l5.6 -19.53c7.18,-23.2 12.48,-44.57 13.93,-61.33l0.04 -0.5 0.01 -0.06 0.04 -0.44 0.01 -0.11 0.03 -0.4 0.01 -0.16 0.03 -0.34 0.01 -0.22 0.03 -0.28 0.02 -0.27 0.01 -0.23 0.03 -0.33 0.01 -0.17 0.02 -0.38 0.01 -0.12 0.03 -0.43 0 -0.06 0.04 -0.49 0 -0.01 0.02 -0.49 0.01 -0.05 0.02 -0.45 0.01 -0.1 0.02 -0.39 0.01 -0.16 0.02 -0.34 0.01 -0.21 0.01 -0.28 0.01 -0.26 0.01 -0.23 0.02 -0.32 0 -0.17 0.02 -0.37 0 -0.12 0.02 -0.42 0 -0.07 0.02 -0.47 0 -0.01 0.01 -0.49 0 -0.04 0.01 -0.45 0 -0.09 0.01 -0.39 0.01 -0.15 0 -0.34 0.01 -0.2 0 -0.28 0 -0.25 0 -0.23 0.01 -0.31 0 -0.17 0 -0.36 0 -0.12 0 -0.41 0 -0.07 0 -0.46 0 -0.02 -0.01 -0.47 0 -0.04 0 -0.53 -0.01 -0.38 0 -0.14 -0.01 -0.34 0 -0.19 -0.01 -0.28 -0.01 -0.24 -0.01 -0.23 -0.01 -0.3 0 -0.17 -0.01 -0.35 -0.01 -0.12 -0.02 -0.4 0 -0.07 -0.02 -0.45 0 -0.02 -0.03 -0.46 0 -0.03 -0.02 -0.44 -0.01 -0.08 -0.02 -0.39 -0.01 -0.13 -0.02 -0.33 -0.02 -0.18 -0.02 -0.28 -0.01 -0.23 -0.02 -0.23 -0.03 -0.28 -0.01 -0.18 -0.03 -0.33 -0.05 -0.51 -0.01 -0.08 -0.04 -0.43 0 -0.02 -0.05 -0.46 0 -0.02 -0.05 -0.43 -0.01 -0.08 -0.04 -0.38 -0.02 -0.12 -0.04 -0.33 -0.02 -0.17 -0.03 -0.28 -0.03 -0.22 -0.03 -0.23 -0.04 -0.27 -0.03 -0.18 -0.04 -0.31 -0.02 -0.13 -0.06 -0.37 -0.01 -0.08 -0.07 -0.41 0 -0.03 -0.08 -0.45 0 -0.01 -0.07 -0.43 -0.01 -0.07 -0.07 -0.37 -0.02 -0.11 -0.06 -0.33 0 0 0 0 -12.44 0.76 0.78 35.16 -10.35 48.04 -8.3 41.51 4.27 12.47 -0.25 3.15c-0.01,1.29 0.37,2.96 1.19,5.06 1.39,-13.22 2.67,-21.75 5.56,-32.37 0.23,-0.84 0.47,-1.7 0.72,-2.58zm65.71 -127.09l1.9 -4.15 -5.74 0.01 -3.28 6.77c-0.77,12.76 2.73,23.69 10.71,32.7 8.73,9.35 19.7,14.79 29.02,22.65 7.75,6.45 12.33,13.25 14.45,20.32l10.67 -0.12c2.24,-6.71 5.59,-12.22 10,-16.56 12.02,-11.85 28.68,-18.61 37.67,-31.84 4.92,-7.24 7.12,-15.98 6.56,-26.15l-0.92 -7.04 -6.35 -1.03 -0.41 0 0.8 3.56 -68.94 -0.44 -36.14 1.32zm225.13 472.03l-18.05 -24.54 -1.54 20.79 8.96 12.18 1.06 -16.99 7.45 5.99c0.61,13.9 2.05,27.23 3.78,40.36l9.73 13.23 1.55 -20.8 -13.79 -18.74 0.85 -11.48zm8.14 -109.67l-18.05 -24.54 -1.54 20.79 18.04 24.54 -0.85 11.48 13.79 18.74 1.54 -20.78 -13.79 -18.75 0.86 -11.48zm8.13 -109.67l-18.05 -24.54 -1.54 20.79 18.04 24.54 -0.85 11.48 13.79 18.75 1.54 -20.8 -13.78 -18.74 0.85 -11.48zm216.24 214.14l0.33 -0.49 -0.14 2.36 -0.19 -1.87zm0.38 -0.56l16.89 -24.53 2.19 20.73 -11.97 17.38 -7.11 -13.58zm-2.88 41.3l-7.3 10.6 -2.2 -20.73 11.49 -16.68 -0.78 13.55 -1.21 13.26zm-9.04 -150.11l17.27 -25.09 2.19 20.74 -17.27 25.08 1.2 11.45 -13.19 19.17 -2.19 -20.73 13.19 -19.17 -1.2 -11.45z');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('M400.04 263.12l0.23 0.05c0,0 0.79,-0.07 1.06,-0.34 0.12,-0.12 0.28,-0.21 0.47,-0.29 -0.28,0.04 -0.4,0.2 -0.59,0.34 -0.28,0.21 -0.58,0.09 -0.87,0.14l-0.3 0.1zm-17.04 299.28l14.75 -2.47c2.25,0.4 17.75,0.87 26.63,1.3 7.41,-14.46 15.07,-28.86 22.95,-43.21l0.31 -100.36c0.04,-12.03 0.22,-24.05 0.47,-36.05 0.26,-12.04 0.6,-24.03 0.96,-36.01 0.25,-8.37 0.58,-16.68 0.95,-24.94 0.38,-8.4 0.81,-16.69 1.26,-24.92 0.48,-8.64 1.11,-17.06 1.74,-25.49 0.29,-3.85 0.58,-7.71 0.83,-11.32l-0.8 0.01c-1.14,0 -4.75,-0.25 -5.83,-0.39 -1.07,-0.15 -3.3,0.45 -3.95,0.62 -0.65,0.16 -4.28,0.3 -4.79,0.3 -0.5,0 -3.48,0.05 -4.12,-0.03 -0.63,-0.08 -0.94,-0.01 -1.67,0.18 -0.74,0.2 -1.94,0.49 -2.84,0.41 -0.89,-0.08 -2.42,0.23 -3.61,0.45 -1.19,0.23 -2.23,-0.11 -2.52,0.07 -0.3,0.18 -1.63,0.42 -2.5,0.34 -0.86,-0.08 -1.44,-0.26 -2.53,0.13 -1.09,0.39 -2.38,0.64 -2.9,0.7 -0.52,0.07 -2.84,0.05 -3.21,0.05 -0.37,0 -0.96,-0.15 -1.61,-0.26 -0.65,-0.12 -1.14,0.15 -2.02,0.37 -0.88,0.23 -2.23,0.13 -2.9,0.02 -0.52,-0.09 -1.08,0.07 -1.67,0.22l-0.21 -0.35c-0.77,-1.01 0.49,-1.6 0.71,-2.3l0 -0.76c-1.1,-2.08 -1.04,-4.13 0.56,-6.16l-0.04 -0.74c-1.3,-3.33 -1.12,-6.96 1.01,-10.98l0.04 -0.59c-1.2,-1.89 -1.02,-3.97 0.47,-6.24l0.01 -0.92c-0.02,-0.77 -0.93,-2.16 0.44,-2.35l0.77 -1.59c-5.09,-1.4 -5.69,-1.42 -9.27,-0.99l0.31 -5.6 143.1 5.34 1.43 30.6 -11.87 3.16c0,0 -0.47,0.05 -0.83,0.09 -0.36,0.05 -0.58,0.33 -1.01,0.2 -0.42,-0.13 -1.3,-0.98 -2.06,-1.2 -0.77,-0.23 -4.9,-1.08 -6.76,-1.34 -1.86,-0.26 -9.87,-0.63 -12.16,-0.64 -2.3,-0.02 -7.28,-0.18 -8.68,-0.44 -1.4,-0.26 -2.02,0.13 -2.57,0.23 -0.55,0.09 -5.11,0.05 -7.02,0.05l-0.14 0c0.87,12.81 1.54,24.78 2.03,35.99 0.5,11.47 0.82,22.14 1.01,32.08 0.54,29.22 0.53,57.02 0.52,85.54l-0.06 147.82 55.96 -1 8.66 0.94 0.65 17.19 -9.11 2.6 -109.38 0.91 -43.75 0.13 -14.14 -18.4zm74.83 -303.65c-0.29,4.12 -0.58,7.96 -0.87,11.79 -0.62,8.36 -1.25,16.73 -1.71,24.91l15.04 -9.81 -0.03 -11.26 16.59 -12.83 -0.2 -2.93 -3.37 0.02c-1.63,0.02 -5.71,-0.01 -7.67,-0.19 -1.95,-0.18 -2.1,-0.16 -4.96,0.24 -2.87,0.41 -6.29,-0.08 -7.64,-0.37 -1.35,-0.29 -2.29,0 -3.5,0.24 -0.35,0.08 -0.97,0.14 -1.68,0.19zm-6.54 252.09c5.98,-10.76 12.07,-21.49 18.29,-32.18 -0.12,2.99 -0.23,5.98 -0.36,8.96l20.97 -12.2 0 18.68 0.03 -81.89c0,-7.94 0.01,-15.81 0,-23.68l-21.61 12.48 -0.1 11.23 -16.94 9.72 0.01 -4.3 -0.29 93.18zm11.65 13.07c4.27,12.13 8.41,24.29 12.4,36.46l14.82 -0.27 0.03 -63.98 -22.14 13.24 0.05 11.53 -5.16 3.02zm-8.74 -208.28l-0.24 5.2c-0.38,8.34 -0.7,16.64 -0.95,24.88 -0.35,12.02 -0.7,24.03 -0.95,35.98 -0.15,6.7 -0.27,13.39 -0.35,20.08l17.15 -9.75 0.14 -11.32 21.16 -12.58c-0.06,-13.62 -0.2,-27.34 -0.45,-41.39 -0.19,-9.82 -0.51,-20.44 -1.01,-31.97 -0.18,-4.15 -0.39,-8.43 -0.63,-12.83l-17.95 12.73 0 10.93 -15.92 10.04zm-144.38 -122.71l1.04 4.5 -1.53 14.61 -0.44 2.72c-0.61,4.96 -0.58,9.72 -0.87,14.59 -31.38,32.22 -78.09,64.44 -130.65,95.62l-0.03 19.73c-41.37,24.61 -82.6,49.68 -123.44,76.02l0.61 -18.88c-0.38,-3.07 -0.48,-6.14 -1.15,-9.21l-0.33 -6.99c41.38,-26.76 82.83,-52.28 124.37,-76.27l0.13 -19.66c53.75,-31.09 98.68,-63.25 132.29,-96.78zm-196.54 -163.12l1.05 1.3c6.45,0.52 14.03,4.11 21.12,5.88 13.26,3.31 27.63,5.87 42.53,5.75 24.59,-0.2 44.16,-4.04 58.18,-8.92l7.71 -2.88c1.74,-0.65 2.97,-0.2 4.06,-0.15l0.9 -9.74 -15.63 -2.35 -53.32 7.42 -54.68 -4.88 -9.23 1.02 -2.69 7.55zm168.06 10.78l-0.25 1.37c1.15,1.77 1.58,4.15 1.44,6.7 -0.77,14.17 -1.41,28.33 -1.28,42.5 5.16,12.15 9.71,23.84 14.04,35.37 -0.49,-5.69 -0.85,-11.34 -0.98,-16.87l4.38 -35.59 -2.66 -32.66 -14.69 -0.82zm-199.42 0.15l-0.76 1.8c-1.44,4.36 -1.02,9.22 -0.64,14.23 0.84,11.26 0.91,22.9 1.37,34.34l-14.83 35.65c0.82,-9.43 1.55,-19.83 2.16,-31.45l-4.94 -27.28 1.41 -25.16 16.23 -2.13z');color6 = new fabric.Path('M298.3 169.97c3.84,7.65 7.68,15.3 11.52,22.95 -33.61,33.53 -78.54,65.69 -132.29,96.78l-0.13 19.66c-41.54,23.99 -82.99,49.51 -124.37,76.27 -0.26,-5.98 0.07,-11.96 -0.78,-17.95l-1.36 -9.77 -0.28 -6.05c41.85,-27.23 84.28,-52.93 126.99,-77.9l-0.03 -19.27c46.37,-26.03 86.86,-54.18 120.73,-84.72zm155.05 165.78l16.34 -9.96 0.39 -11.09 18.92 -12.64c-0.09,-2.39 -0.19,-4.83 -0.3,-7.3 -0.18,-4.15 -0.39,-8.43 -0.63,-12.83l-17.95 12.73 0 10.93 -15.92 10.04 -0.24 5.2c-0.22,4.99 -0.43,9.96 -0.61,14.92zm36.83 181.59l-24.52 14.33c-0.9,-2.59 -1.81,-5.17 -2.72,-7.76l5.16 -3.02 -0.05 -11.53 22.14 -13.24 -0.01 21.22zm0.04 -108.83l-21.85 12.72 0.1 10.77 -16.96 10.33 0.06 -20.37 16.94 -9.72 0.1 -11.23 21.61 -12.48c0,6.64 0,13.29 0,19.98zm-203.14 -367.61c3.46,12.31 -1.77,38.16 -0.54,63.04 3.08,7.64 5.96,15.15 8.75,22.58 -0.49,-5.69 -0.85,-11.34 -0.98,-16.87l4.38 -35.59 -2.66 -32.66 -8.95 -0.5zm-172.52 -14.69c18.27,5.38 39.56,10.85 62.82,11.15 29.34,0.37 53.74,-5.98 71.11,-12.62l0.34 -3.7 -15.63 -2.35 -53.32 7.42 -54.68 -4.88 -9.23 1.02 -1.41 3.96zm-38.44 78.75c0.48,-20.53 -3.74,-49.58 -1.33,-63.3l-9.1 1.2 -1.41 25.16 4.94 27.28c-0.61,11.62 -1.34,22.02 -2.16,31.45l9.06 -21.79z'); var cl1='#282829'; $('#spncl1').css('background-color', cl1); var cl2='#C03437'; $('#spncl2').css('background-color', cl2); var cl3='#606062'; $('#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: 80, top: 80, scaleX: 15, scaleY: 15, flipY: false, strokeWidth: 0.03, stroke: '#191919', fill: '#FFFFFF' }));canvas.add(logo2.set({ left: 435, top: 250, 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 = "10"; var dbteam = "TEAM"; var dbplayer = "PLAYER"; var dbbtag = "btag.svg"; var dbfront3d = "../virtual3d_images/gold_state_sfn_front_107.virtual"; var dbback3d = "../virtual3d_images/gold_state_sfn_back_107.virtual"; var dbtagleft = "240"; var dbtagtop = "470"; 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 */ 535,540 $("#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(); }); 536,541 $("#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(); }); 537,542 $("#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 = "35"; var dbteamstroke = "1"; var dbteamleft = "150"; var dbteamtop = "185"; var teamfront = $('#teamfront').val(); var nLen = teamfront.length; teamfront = " "+teamfront; teamfront1 = new fabric.Text(teamfront, { fontSize: dbteamfont, left: dbteamleft, top: dbteamtop, fill: $('#front_sold_color').val(), fontFamily: $('#name_ffamily').val(), stroke: $('#front_outline_color').val(), strokeWidth: dbteamstroke }); canvas.add(teamfront1); teamfront1.selectable=true; teamfront1.on('selected', function() { $('#scufontfamily').val(this.get("fontFamily")); }); var dbnm1font = "50"; var dbnm1stroke = "2"; var dbnm1left = "220"; var dbnm1top = "120"; 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 = "50"; var dbnm2stroke = "2"; var dbnm2left = "500"; var dbnm2top = "520"; 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 = "170"; var dbplayertop = "130"; 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 = "130"; var dbnm3stroke = "2"; var dbnm3left = "180"; 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 = "50"; var dbnm4stroke = "2"; var dbnm4left = "400"; 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();