PLugin для рисования линий и аннотаций ALine

   <script type="text/javascript" src="src/jquery.min.js"></script>
   <script type="text/javascript" src="src/ALine.js"></script>

   var demo1 = new ALine('#demo1');

```javascript
var demo3 = new ALine('#demo3');
       // горизонтальная линия
       demo3.init({color:'#666'}).angleLine(50, 150, 100, 150).point().show();
       // вертикальная линия
       demo3.init({color:'#777'}).angleLine(150, 50, 150, 250).point({width:8}).show();
       // правый угол
       demo3.init({color:'#888'}).angleLine(250, 100, 350, 200).point({width:10}).show();
       // кривая линия
       demo3.init({color:'#999'}).coolLine(400, 100, 500, 200).point({width:12}).show();

var demo4 = new ALine('#demo4');
       // горизонтальная линия
       demo4.init({color:'#666', canDrag:true}).angleLine(50, 150, 100, 150).point().show();
       // вертикальная линия
       demo4.init({color:'#777', canDrag:true}).angleLine(150, 50, 150, 250).point({width:8}).show();
       // правый угол
       demo4.init({color:'#888', canDrag:true}).angleLine(250, 100, 350, 200).point({width:10}).show();
       // кривая линия
       demo4.init({color:'#999', canDrag:true}).coolLine(400, 100, 500, 200).point({width:12}).show();

var demo5 = new ALine('#demo5');
       // горизонтальная линия
       demo5.init({color:'#666', canDrag:true}).angleLine(50, 150, 100, 150).label('горизонтальная линия').point().show();
       // вертикальная линия
       demo5.init({color:'#777', canDrag:true}).angleLine(150, 50, 150, 250).label('вертикальная линия').point({width:8}).show();
       // правый угол
       demo5.init({color:'#888', canDrag:true}).angleLine(250, 100, 350, 200).label('правый угол').point({width:10}).show();
       // кривая линия
       demo5.init({color:'#999', canDrag:true}).coolLine(400, 100, 500, 200).label('кривая линия').point({width:12}).show();
``````javascript
init({color:'#999', canDrag:true}). coolLine(400, 100, 500, 200). label("кривая линия"). point({width:12}). show();

var demo6 = new ALine('#demo6');
// горизонтальная линия
demo6.init({color:'#666', canDrag:true, callback:function(){
    // current_anchor = {class:arguments[0], start:arguments[1], stop:arguments[2]}
    $("#demo6_memo1").html("Текущий созданный класс: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html());
}, clickCallback:function(){
    $("#demo6_click").html("Вы кликнули по классу: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html())
}}).angleLine(50, 150, 100, 150).label("горизонтальная линия").point().show();
// вертикальная линия

var demo6 = new ALine('#demo6');
demo6.init({color:'#777', canDrag:true, callback:function(){
    // current_anchor = {class:arguments[0], start:arguments[1], stop:arguments[2]}
    $("#demo6_memo2").html("Созданный класс: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html());
}, clickCallback:function(){
    $("#demo6_click").html("Вы кликнули по классу: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html())
}}).angleLine(150, 50, 150, 250).label("вертикальная линия").point({width:8}).show();
// прямой угол
var demo6 = new ALine('#demo6');
demo6.init({color:'#888', canDrag:true, callback:function(){
    // current_anchor = {class:arguments[0], start:arguments[1], stop:arguments[2]}
    $("#demo6_memo3").html("Созданный класс: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html());
}, clickCallback:function(){
    $("#demo6_click").html("Вы кликнули по классу: " + arguments[0] + ", текст метки: " + $(". " + arguments[0] + ".line_label").html())
}}).angleLine(250, 100, 350, 200).label("прямой угол").point({width:10}).show();
// кривая
var demo6 = new ALine('#demo6');
demo6.init({color:'#999', canDrag:true, callback:function(){
``````markdown
     //current_anchor = {class:arguments[0], start:arguments[1], stop:arguments[2]}
      $("#demo6_memo4").html("Созданный класс: " + arguments[0] + ", текст метки: " + $(".  " + arguments[0] + ". line_label").html());
      }, clickCallback: function() {
        $("#demo6_click").html("Вы кликнули по классу: " + arguments[0] + ", текст метки: " + $(".  " + arguments[0] + ". line_label").html())
      } }).coolLine(400, 100, 500, 200).label("кривая").point({ width: 12 }).show();