js菜单自适应的实现

功能示意图

菜单自适应示意图如下：

对象A可以拖动，缩放。菜单跟随对象A拖动，位置优先级为下面、上面、右边、左边、中间。

实现思路

其实菜单放在上下左右中，都是它的left和top在变，我们只要依次计算菜单在下/上/右/左/中时的left和top，以及在这个left和top下，菜单的左\右\上\下边界有没有超出屏幕即可。

实现代码

这段代码依赖于具体环境，是实际工程中拷下来的一段代码：

export default class ToolsBar{
   

    /**
     * 初始化
     */
     init(){
            this.width = em2px(13.75);    //一级菜单宽度
            this.height = em2px(2.75