anchor.diff:              </button>
             </p>
             <p>
  -            <input type="range" step="0.05" min="0.1" max="1" id="zoomSlider"/>
  +            <input type="range" value="0.3" step="0.05" min="0.1" max="1" id="zoomSlider"/>
               <button class="btn btn-success" id="zoomIn">Zoom +</button>
               <button class="btn btn-success" id="zoomOut">Zoom -</button>
               <a href="#" class="btn btn-primary edit"><i class="fa fa-edit"></i> Edit mode</a>
  
positive.code:   });
  
    $('#zoomIn').click(function(){
      canvas.setZoom(canvas.viewport.zoom * 1.1 ) ;
      return false;
    });
  
    $('#zoomOut').click(function(){
      canvas.setZoom(canvas.viewport.zoom / 1.1 ) ;
      return false;
    });
  
    $('#zoomSlider').on('input', function () {
      console.log(canvas.setZoom($(this).val()));
      console.log(canvas.viewport.zoom);
    });
  
    $('.edit').click(function(){
  
negative.code:           angle: <%= element.angle %>,
            fill: "<%= element.fill %>",
            id: <%= element.id %>,
            floor: <%= element.floor %>,
            element_type_id: <%= element.element_type_id %>,
            range_up: <%= element.range_up %>,
            range_down: <%= element.range_down %>,
  