小编use*_*476的帖子

我想找到我在画布内绘制的线条的长度。我已经可以在画布内画线，但急需找到它的长度。

找到这个链接，但我想知道精确测量需要什么。谢谢。

我找到的链接

到目前为止，这是我的代码：

$("#myCanvas").bind('mousemove', function(e){   
                    var totalOffsetX = 0;
                    var totalOffsetY = 0;       
                    var currentElement = this;

                    do{
                        totalOffsetX += currentElement.offsetLeft - currentElement.scrollLeft;
                        totalOffsetY += currentElement.offsetTop - currentElement.scrollTop;
                    }
                    while(currentElement = currentElement.offsetParent)

                    endX= e.pageX - totalOffsetX;
                    endY = e.pageY - totalOffsetY;

                    drawLine(startX, startY, endX, endY);
                });             
            }).mouseup(function(data){
                if(trigger = "1"){
                    $('.draggable').draggable( "disable" );
                }else{
                    $('.draggable').draggable("enable");
                }   
                $(this).unbind('mousemove');
            });

提前致谢..

我有这个 texarea，我想在用户键入后通过逗号和新行来解析它的值。样本。

输入

 /*  inside textarea */
   2 water, 4 ice
   6 lemon

输出：

  Total # of Items: 3

  Item #               Quantity          Item Name
    1                     2               Water
    2                     4                Ice 
    3                     6               Lemon 

这是到目前为止的代码：

$('#$name').keyup(function (event) {
$("#textAreaDiv").show();   
if(event.keyCode == 188){
    $("#textAreaTaggingDetails").html(getItems($('#$name').val().split('\\n'), 'comma'));   
    //console.log("comma press");
}   
else if (event.keyCode == 13) {     
    //console.log("new line press");
    $("#textAreaTaggingDetails").html(getItems($('#$name').val().split(','), 'newLine'));   
}

});

 function getItems(eachLine, type){     
   var xcontent = "";       
   $("#titleTextAreaTagging").html('Total # of Items: ' + eachLine.length + '<br/>');

   for(var i = 0, l …