如何实现将拖动物体限制在某个圆形内--实现方式vue3.0

如何实现蓝色小圆可拖动,并且边界限制在灰色大圆内?如下所示 需求源自 业务上遇到一个组件需求,设计师设计了一个“脸型整合器”根据可拖动小圆的位置与其它脸型的位置关系计算融合比例 如图 我们先把具体的人脸功能去掉再分析 中间的蓝色小圆可由鼠标拖动,但拖动需要限制在大的圆形内 以下代码全部为 vue3.

    推荐阅读