function drawPoint(coordinates,el,lbl){
  var point = $('<div class="ptn"></div>')
            .css('top', coordinates.y + 'px')
            .css('left', coordinates.x + 'px')
            .appendTo(el);
  if(!lbl){
    lbl = $(el).find(".ptn").length;
  }
  point.attr("label" ,lbl);
  jsPlumb.draggable(point,{
    drag: function(e){
        displayPointWidget($(e.el));
    },
    stop: function(e){
        updateFeaturePoint(e.el);
    }
  });

  return point;
}
//points are relative to image. But while displaying they should be relative to label box
points are relative to image. But while displaying they should be relative to label box
points are relative to image . But while displaying they should be relative to label box
function drawPoint(coordinates,el,lbl){
  var point = $('<div class="ptn"></div>')
            .css('top', coordinates.y + 'px')
            .css('left', coordinates.x + 'px')
            .appendTo(el);
  if(!lbl){
    lbl = $(el).find(".ptn").length;
  }
  point.attr("label" ,lbl);
  jsPlumb.draggable(point,{
    drag: function(e){
        displayPointWidget($(e.el));
    },
    stop: function(e){
        updateFeaturePoint(e.el);
    }
  });
  return point;
}
function drawPoint ( coordinates , el , lbl ) { var point = $ ( '<div class="ptn"></div>' ) . css ( 'top' , coordinates . y + 'px' ) . css ( 'left' , coordinates . x + 'px' ) . appendTo ( el ) ; if ( ! lbl ) { lbl = $ ( el ) . find ( ".ptn" ) . length ; } point . attr ( "label" , lbl ) ; jsPlumb . draggable ( point , { drag : function ( e ) { displayPointWidget ( $ ( e . el ) ) ; } , stop : function ( e ) { updateFeaturePoint ( e . el ) ; } } ) ; return point ; }
points are relative to image.
points are relative to image .