如何用canvas实现前端长尾词的点选功能示例？

本文共计282个文字，预计阅读时间需要2分钟。

目录+前言+hover的实现+click的实现+矩形的坐标哪里来的+点在多边形内的其他判断方法+渗透+本章小结+前言+上一个章节中，我们已给物体加上了被选中的效果，现在可以点击交互了+本章”

目录

• 前言
• hover 的实现
• click 的实现
• 矩形的坐标哪来的
• 点在多边形内的其他判断方法
• 穿透
• 本章小结

前言

上个章节中我们已经给物体加上了被选中的效果，现在可以上点交互了，这个章节主要实现的就是物体的 hover 和 click 事件，当鼠标 hover 到物体上时，我们会改变鼠标的样式使其变成移动的样子；

当 hover 到控制点时则会变成对应的操作样式；

当 click 物体时，会将物体变成激活态，也就是展示边框和控制点。话不多说，直接开撸