点击多边形检查SVG和JavaScript？

<svg>
  <polygon id="myPolygon" points="100,10 40,198 190,78 10,78 160,198" />
</svg>

var polygon = document.getElementById("myPolygon");

polygon.addEventListener("click", function(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  // 在这里进行多边形点击检查的逻辑处理
});

function isPointInPolygon(pointX, pointY, polygon) {
  var points = polygon.points;
  var inside = false;

  for (var i = 0, j = points.numberOfItems - 1; i < points.numberOfItems; j = i++) {
    var xi = points.getItem(i).x;
    var yi = points.getItem(i).y;
    var xj = points.getItem(j).x;
    var yj = points.getItem(j).y;

    var intersect = ((yi > pointY) != (yj > pointY)) &&
                    (pointX < (xj - xi) * (pointY - yi) / (yj - yi) + xi);

    if (intersect) inside = !inside;
  }

  return inside;
}

polygon.addEventListener("click", function(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  var isInside = isPointInPolygon(mouseX, mouseY, polygon);
  
  if (isInside) {
    // 用户点击了多边形
    console.log("用户点击了多边形");
  } else {
    // 用户未点击多边形
    console.log("用户未点击多边形");
  }
});