Fabricjs文本选择模式或编辑模式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Fabricjs文本选择模式或编辑模式相关的知识,希望对你有一定的参考价值。

我可以添加 "i-text".如果我选择文本,我可以用键盘删除键删除它.但是,我双击文本并进入编辑模式,然后点击删除键其删除.我如何解决这个问题.我想知道如何检查文本是编辑模式还是选择模式的状态。

谢谢。

答案

使用 textobject.isEditing 来检查它是否处于编辑模式。

另一答案

有点晚,但这里有一个工作的例子。

$(document).keydown(function ( event )

    switch ( event.which )
    
        case 46:
            if ( ! canvas.getActiveObject() )
            
                return;
            

            if ( canvas.getActiveObject().type !== 'textbox' || ! canvas.getActiveObject().isEditing )
            
                let activeGroup = canvas.getActiveObjects();

                if ( activeGroup )
                
                    canvas.discardActiveObject();
                    activeGroup.forEach(function ( object )
                    
                        canvas.remove(object);
                    );
                
            
        break;
     
);

以上是关于Fabricjs文本选择模式或编辑模式的主要内容,如果未能解决你的问题,请参考以下文章

fabricjs如何双击图片(或矩形)来编辑文本并命名

在 FabricJS 上选择 IText 的文本

Fabricjs根据内部对象的对象边界矩形上的鼠标位置进行选择或悬停

vim学习一

Javascript - ExtJs - GridPanel组件 - 编辑

使用vim从命令行进行文本编辑