missing ( before formal parameters,javascript error

绘图与测距功能实现

最新推荐文章于 2023-07-10 15:48:24 发布

转载最新推荐文章于 2023-07-10 15:48:24 发布 · 1.2k 阅读

文章标签：

#parameters #javascript #distance #function #firefox #header

本文介绍了一个基于浏览器的绘图应用实现方法，重点讲解了如何通过鼠标操作在画布上绘制线条，并计算所画线路的实际距离。文章详细描述了鼠标按下、双击等事件触发的具体逻辑及其实现细节。

//鼠标按下的时候执行下面方法
divCanvas.onmousedown=function()
{
    var e = window.event;
    var mouseoffset = MapEvent.getRealEventCoord(e, map);
    latlonArray.push(mouseoffset);
    fx=e.x;
    fy=e.y;
    //修改标识
    isDrawLine=true;
}

divCanvas.ondblclick=function()
{
    isDrawLine=false;
    var Canvas = document.getElementById("divCanvas");
    Canvas.innerHTML='';
    //还原颜色
    Canvas.style.background='';
    //计算出总距离
    var len= latlonArray.length;
    var distance=0;
    for(var i=0;i<len-1;i++)
    {
        var header = latlonArray[i];
        var footer = latlonArray[i+1];
        distance+=distanceByLnglat(header.x/1e16,header.y/1e16,footer.x/1e16,footer.y/1e16);
    }
    latlonArray.length=0;
    alert(distance+"m");
}