SOURCE

var data = {
  "backgroundImages": [
                {
                    "widthMeter": 4.00041095648605,
                    "xMeter": 0.0025153309106826782,
                    "visible": true,
                    "rotation": 0,
                    "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAHgCAYAAAB91L6VAAAQpklEQVR4Xu3aP6ul3V3G8ekMsfTBxiIINgELQSxsTCNYWAgWNtrYpLJJlUJsBMFG0qQwnSDYSNIp2Nj6JnwvY9bEBTe/2Weeda25HB/Ip/hw9r73/XftPff3rH3m3buvvv0eAGLv3vFZfj6IP/mPfweAYwLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGD+n/zFD3/w/qvv/uZHy1Pf/d7vf9jX8jmf5z/9q+//4qbyv/7un//p/R/82Z982P9c98Tv/vEfftjnXL60rv1zrevb1/ur3/n1D+c112lZx1rmsvY4/PU//vjl52C9n+tY67Xv/N5vv//Rz/71o3U4J8ANLz6o8CW0IrQDPJcn1s14/Vv41H52lOfyV3bYvkSA1zFm2E49o7h/gfnBP/z9R+s17DFZgVzP11iu561xWNa+1y8Sr+5rz1+m1jH/6C///KN1OCfADS8+qPAlvIrQuinuGdm+Qa7H68a5Zy5r2fNGu8O5wrH3t9bf26z11s1+RXZtv7eZcVzrzWU7bntf+1g7Vq/28/2//ZsPx0lnwM8Z+IziPs4cn3XN+/na33q+x2XP8tZ2e+a3zu15zDkrXdvscX/Ojtd+136eY7ofr32v46wx3uO7Xt+hfR5rb7evdz1f269t93nv92ut/3y/nr8Y7Oves9i13hqr9XOP4/PYyzrOfj/WNd5+s8EvfHhfPgoKmRcfVPgSXkVo24Fdj9dndN049yx1vbZunitw6/U9A34V4PV435R3iHaU5qxx39T3fpfneuu1HfIdhD2Lm+e/rO1OA/ycge+vUPfPPSt/Bu05Ps9zXNe6Hq/97eDs657nsMwA7+cr1Gv/az/r+GssdzD3LzJ7nNaytf6K2j7Oeu05jnvfa529/vr53Gbbv7is9ff7tWP8XG9H9zkWy1vvyVpnj+WnxoQzAtzw4oMKX8KM0LJnL9tatmO3Hu9Z3lq2Z3NvBXjHb4dwLduzu1cBXvYsbt/sXwX4Oet8nuf0DPCOwrKWzWufM7r12p79Pv9W+Wp85jnucdkx3de+lj1n1OuYbwV4HmeP597P89r2uT7Hd17fc5u97/18rfecPe8xWq8/z/sZ2X3dz1jv5QL8ZXx4rz4KCpkXH1T4EuZNes8C181x/4eZtXzHYj3+vw7wPo89S5txewb4GcZXnpGa5rXPfb4K8FvjM8/xUwGeZoCf3xbMGedzP58T4D2+6xp2CPdMeM921/ZfF+Ad2nWez6/W3wrw2v8+50+NCWcEuOHFBxW+hHmT3oFZN9PlUwHef6vcX7WeBHh+RfpWgPdXv28F+BnCue1TEuC9z7V8fgW99/E8r+f4PM/xra+g34rNM8BrvX2Na//7HPa6XxfgOb6vvoKe4/EM8A7+/mr5GeDnV95P6/W3wjzXXfvbx3jGmDsC3PDigwpfwp7hbeumuG6S6/G6Ue4Z0Xo+A/z8GnjP2r4uwHvWuLZZN+1ngHfctmeUnnFbr61YPM/9VRie+3oVv1fXvgM4j7+X7XNZj5/js2O57L+t7nXW618X4Oc57HGer82Qvwrw82vktezVf8Ka0dsBfv6nuv1+znNb+5/nv9bbs+79fG+z7M/EfP/32Mz9ce7DGH8UFDJfCTC/fJ5fl/LN9JwB880jwA0CzC+J5yz3rRkV3xwC/M0mwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgBsEGICQADcIMAAhAW4QYABCAtwgwACEBLhBgAEICXCDAAMQEuAGAQYgJMANAgxASIAbBBiAkAA3CDAAIQFuEGAAQgLcIMAAhAS4QYABCAlwgwADEBLgBgEGICTADQIMQEiAGwQYgJAANwgwACEBbhBgAEIC3CDAAIQEuEGAAQgJcIMAAxAS4AYBBiAkwA0CDEBIgAt+61e+9f4/f/pvAHBstePXvvUbfAYBBuDKT3/2X1wSYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbg2o8I5AQbg2owK5wQYgGszKpwTYACuzahwToABuDajwjkBBuDajArnBBiAazMqnBNgAK7NqHBOgAG4NqPCOQEG4NqMCucEGIBrMyqcE2AArs2ocE6AAbiy2rEiwr137979zvuf/Mt/A8Cx1Y6fB4TPI8AAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcIUAA5AR4AoBBiAjwBUCDEBGgCsEGICMAFcIMAAZAa4QYAAyAlwhwABkBLhCgAHICHCFAAOQEeAKAQYgI8AVAgxARoArBBiAjABXCDAAGQGuEGAAMgJcIcAAZAS4QoAByAhwhQADkBHgCgEGICPAFQIMQEaAKwQYgIwAVwgwABkBrhBgADICXCHAAGQEuEKAAcgIcMUaRABIfRQUAv8DJyAX2hb89OMAAAAASUVORK5CYII=",
                    "origoY": 479.580266252091,
                    "origoX": -0.30180870172104174,
                    "heightMeter": 4.00041095648605,
                    "yMeter": -0.003498140591545962,
                    "alpha": 1,
                    "id": "Background001",
                    "metersPerPixelY": 0.008334189492679271,
                    "metersPerPixelX": 0.008334189492679271
                }
            ]}

window.onload = function() {
//   document.getElementById('centImg').src = data.backgroundImages[0].base64;
  var ctx = document.getElementById('npe').getContext('2d');
  var img = new Image();
  img.onload = function() {
      ctx.drawImage(img,0,0);
  }
  img.src = data.backgroundImages[0].base64;

  var locationImg = new Image();
  locationImg.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABvklEQVQ4T32ST0hUURTGf5+FRZKLqJWBUiBim9oIBUWtAhFsEUTUJggMQch3p6DVjKsI330GLUIk2oRt+uMiila10SCIXJiIqxEUhMSFUJQxc2LevAmf8153dc/5vvPd755zRN5xdhijI4bFGl4bWVQ1Je/aQSp8AjoRX2PcOAWsUOUcE9rcWZMWGLF9tDKLiAg1nRJ3dg0j4A9neKTfDSwtEFiBFo4RajgmjFoHe6kwrvU4dvYYUSbUg2wBZ9/wOpGQnwJdCbGM140kv4xXd7PAHTtJlZd4Hee2dbGH13jV/l57eYEKAzxUmYKtIAYZ13y9v41zz46wzSu8zsapwKpEamm6O5ujlUHu63taoBYVbA7jJl6LBFZElIAvGG+IVMJZL/AEr9N5TbwOXCLS5cz1COwFMEOkZ9kCdRfPMbbwGto1xklEO6Gu5u9BAwlsAnHgn4izSYyfRBrd7ax5E+suzmNcBA4lBZuI94T6+H+BemERaMOrD2djcYFXEWezwDZibKdQ2oGzD4hpQk1lNtHZLeAKXhfyptCNcEA/cBT4nBD7gFXgLfAOr5n8KTSQku3nBz1x2MYSJf3KcvUX1+mVEQMd2qYAAAAASUVORK5CYII=';

   ctx.drawImage(img,1,10);












}