gpt4 book ai didi

javascript - 在没有键修饰符的 Fabric js 中进行多选

转载 作者:行者123 更新时间:2023-12-02 23:32:20 31 4
gpt4 key购买 nike

我想知道是否有一种方法可以在 Fabric js Canvas 中主动设置多选“模式”而无需按住 Shift 键?

我希望通过监听与复选框关联的 bool 值来激活多重选择。

我一直在阅读fabricjs文档,但没有找到任何关于没有shift修饰键的多选的内容。

我不确定我的请求是否有效,但如有任何指示,我们将不胜感激。

所以基本上我监听 mouse:down 事件并检查我的 bool 值是否为真/假,如果为真我想进入多选模式。

canvas.on('mouse:down', evt => {
if(this.multiSelect) {
// activate multi-select
}
}

最佳答案

您可以监听 selection:created 事件,然后将每个新选择推送到一个数组中,然后使用该数组创建包含多个对象的 ActiveSelection。当您将 this.multiSelect 设置为 false 时,您还需要清空 multiSelection 数组。像这样的事情:

var multiSelection = [];
canvas.on('selection:created', selected => {
if(this.multiSelect) {
multiSelection.push(selected);
var groupSelection = new fabric.ActiveSelection(multiSelection)
canvas.setActiveObject(groupSelection);
}
});

关于javascript - 在没有键修饰符的 Fabric js 中进行多选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56444211/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com