Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript fabricjs中对象的上下文菜单_Javascript_Canvas_Contextmenu_Fabricjs - Fatal编程技术网

Javascript fabricjs中对象的上下文菜单

Javascript fabricjs中对象的上下文菜单,javascript,canvas,contextmenu,fabricjs,Javascript,Canvas,Contextmenu,Fabricjs,你能帮我在fabric对象上创建上下文菜单吗。我在谷歌上搜索了很多,但找不到确切的答案。我在织物上创建了两个对象,如下所示。如何将上下文菜单绑定到结构对象? 小提琴链接: 提前感谢。我正在使用,这应该可以让您开始: function contextMenu () { var ctxTarget = null; var menu = [{ name: 'Select Object', img: '', title: 'Select

你能帮我在fabric对象上创建上下文菜单吗。我在谷歌上搜索了很多,但找不到确切的答案。我在织物上创建了两个对象,如下所示。如何将上下文菜单绑定到结构对象? 小提琴链接:

提前感谢。

我正在使用,这应该可以让您开始:

function contextMenu () {
    var ctxTarget = null;

    var menu = [{
        name: 'Select Object',
        img: '',
        title: 'Select Object',
        fun: function (o, jqEvent) {
            canvas.setActiveObject(ctxTarget);
            console.log(ctxTarget);
        }
    }];

    $('.upper-canvas').on('contextmenu', function (e) {
        e.preventDefault();
        ctxTarget = canvas.findTarget(e.originalEvent);
    });

    $('.upper-canvas').contextMenu(menu, {
        triggerOn: 'contextmenu',
        closeOnClick: true,
    });
}

唉……你看起来真的很难受吗-(我在谷歌上搜索了“fabricJS上下文菜单”,在创建fabricJS上下文菜单时,它就在最上面。可能与
function contextMenu () {
    var ctxTarget = null;

    var menu = [{
        name: 'Select Object',
        img: '',
        title: 'Select Object',
        fun: function (o, jqEvent) {
            canvas.setActiveObject(ctxTarget);
            console.log(ctxTarget);
        }
    }];

    $('.upper-canvas').on('contextmenu', function (e) {
        e.preventDefault();
        ctxTarget = canvas.findTarget(e.originalEvent);
    });

    $('.upper-canvas').contextMenu(menu, {
        triggerOn: 'contextmenu',
        closeOnClick: true,
    });
}