Javascript 流星JS在特定位置评论图像

我是《流星JS》的新手。我有多张图片。在每张图片上，基于位置（x&y坐标），我想添加注释，并且在我添加注释的位置，该点必须高亮显示

所以当我再次回到图片上时，已经被评论过的地方应该列在那个里

我试过了，但是通过java脚本获得了图像的坐标。但那个地方不会被突出显示`Template.testTemplate.events({ “单击img”（e）{

---

因此，基本上我需要突出显示我已经对具体位置发表评论的地方。

您尝试了什么？发布您编写的代码并帮助我们帮助您。这是一个非常广泛的问题，有许多可能的答案。我添加了javascript代码，可以根据我的业务逻辑获得x和y坐标，但需要重新设置garding ui concern喜欢突出显示它，点击它，我想发送一些数据，所以我需要打开我也尝试过的弹出窗口。它允许我在我的页面上添加评论，但在简单的演示中，但在meteor JS中不起作用。您尝试了什么？发布您编写的代码并帮助我们帮助您。这是一个非常广泛的问题很多可能的答案。我已经添加了javascript代码，在那里我可以根据我的业务逻辑得到x和y坐标，但是关于ui问题，我想突出显示它，点击坐标我想发送一些数据，所以我需要打开我也尝试过的popupi。它允许我在我的页面上添加评论，但在Simple中e演示，但在meteor js中不起作用

function FindPosition(oElement)
{
  if(typeof( oElement.offsetParent ) != "undefined")
  {
    for(var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent)
    {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
      return [ posX, posY ];
    }
    else
    {
      return [ oElement.x, oElement.y ];
    }
}
function GetCoordinates(e)
{
  var PosX = 0;
  var PosY = 0;
  var ImgPos;
  ImgPos = FindPosition(myImg);
  if (!e) var e = window.event;
  if (e.pageX || e.pageY)
  {
    PosX = e.pageX;
    PosY = e.pageY;
  }
  else if (e.clientX || e.clientY)
    {
      PosX = e.clientX + document.body.scrollLeft
        + document.documentElement.scrollLeft;
      PosY = e.clientY + document.body.scrollTop
        + document.documentElement.scrollTop;
    }
  PosX = PosX - ImgPos[0];
  PosY = PosY - ImgPos[1];
  console.log(PosX,'PosX',PosY,'PosY')
  document.getElementById("x").innerHTML = PosX;
  document.getElementById("y").innerHTML = PosY;
}


    var myImg = document.getElementById("testImage");
    console.log(myImg,'myImg',e)
    // myImg.onmousedown = GetCoordinates; 

},
});`