写一段点击bm-polygon区域之外给予提示的代码
时间: 2023-11-22 13:54:38 浏览: 34
假设你的bm-polygon区域是一个canvas元素,你可以通过以下代码实现点击区域外的提示:
```html
<canvas id="myCanvas"></canvas>
<div id="message">请点击区域内</div>
```
```javascript
const canvas = document.getElementById("myCanvas");
const message = document.getElementById("message");
const ctx = canvas.getContext("2d");
// 绘制多边形区域
ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(100, 50);
ctx.lineTo(50, 100);
ctx.closePath();
ctx.fill();
// 监听canvas的click事件
canvas.addEventListener("click", (e) => {
const rect = canvas.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
if (ctx.isPointInPath(x, y)) {
// 点击在多边形区域内
message.style.display = "none";
// do something...
} else {
// 点击在多边形区域外
message.style.display = "block";
}
});
```
上面的代码中,我们首先在canvas上绘制了一个多边形区域,然后监听了canvas的click事件,通过判断点击的坐标是否在多边形区域内,来显示或隐藏提示信息。