anchor.diff:  
     function addShape(assetId, assetPath) {
   
  -    var coord = getRandomLeftTop();
  +    var coord = {
  +      left: (- canvas.viewport.position.x / canvas.viewport.zoom) + ( canvas.width / canvas.viewport.zoom / 2),
  +      top: (- canvas.viewport.position.y / canvas.viewport.zoom) + ( canvas.height / canvas.viewport.zoom / 2)
  +    };
   
       fabric.loadSVGFromURL(assetPath, function(objects, options) {
   
  
positive.code:           angle: <%= element.angle %>,
            fill: "<%= element.fill %>",
            id: <%= element.id %>,
            floor: <%= element.floor %>, // TODO UPDATE THIS
            element_type_id: <%= element.element_type_id %>,
            range_up: <%= element.range_up %>,
            range_down: <%= element.range_down %>,
  
negative.code:   });
  
    $('#zoomIn').click(function(){
      var newZoom = canvas.viewport.zoom * 1.1;
      if (newZoom <= 1) {
        canvas.setZoom(newZoom);
        $("#zoomSlider").val(newZoom);
      }
      return false;
    });
  
    $('#zoomOut').click(function(){
      var newZoom = canvas.viewport.zoom / 1.1;
      if (newZoom >= minZoom) {
        canvas.setZoom(newZoom);
        $("#zoomSlider").val(newZoom);
      }
      return false;
    });
  
    $('#zoomSlider').on('input', function () {
      canvas.setZoom($(this).val());
      if (canvas.viewport.position.x > 0) {
        canvas.viewport.position.x = 0;
      }
      if (canvas.viewport.position.y > 0) {
        canvas.viewport.position.y = 0;
      }
      canvas.renderAll();
    });
  
    $('.edit').click(function(){
  