有没有一种方法可以打开一个包含一些图标菜单项的上下文菜单,该菜单项水平放置在目标元素的顶部并成角度?

问题描述

我有一个图编辑器页面,我想在其中打开一个飞行工具栏(此处的飞行工具栏意味着可以在编辑器中存在的任何形状上打开它,类似于上下文菜单),方法是单击编辑器的图形元素以执行一些操作。但是,它应该与常规上下文菜单不同,在单击鼠标左键时在元素顶部水平打开。

知道怎么做吗?

我尝试使用相同的prime上下文菜单,但没有找到使其水平的方法

Attached picture is what I need

解决方法

您可以通过覆盖 styles.css

中的Primeng CSS类.p-contextmenu.p-contextmenu .p-menuitem来实现

您可以找到示例here in StackBlitz

    .p-contextmenu {
        width: 100%;
    }

    .p-contextmenu .p-menuitem {
        float: left;
    }