在 FabricJS 上选择 IText 的文本

Posted

技术标签:

【中文标题】在 FabricJS 上选择 IText 的文本【英文标题】:Select text of IText on FabricJS 【发布时间】:2021-10-22 01:35:24 【问题描述】:

我想像图像一样通过 FabricJS 中的代码设置文本选择。当我创建 IText 对象时,我需要选择所有文本以方便编辑。

我检查了文档,但没有成功。

【问题讨论】:

【参考方案1】:

我在documentation 找到了它。并为您准备了使用示例

import "./styles.css";
import  fabric  from "fabric";

const canvas = new fabric.Canvas("c",  width: 600, height: 600 );

const iText = new fabric.IText("Hello world!");

canvas.setActiveObject(iText);
iText.enterEditing();
iText.selectAll();
canvas.add(iText);

https://codesandbox.io/s/fabricjs-playground-forked-jl0ui?file=/src/index.js

【讨论】:

以上是关于在 FabricJS 上选择 IText 的文本的主要内容,如果未能解决你的问题,请参考以下文章

编辑文本 Fabricjs - IText 格式字母和同时选择 textDecoration

如何为 IText Fabricjs 中的每个项目设置绝对位置

在移动设备上选择文本时覆盖本机行为

如何使用javascript触摸事件在触摸屏上选择文本

允许在 WebView 中的长按触摸事件上选择文本

允许在 HTML 5 可拖动子元素上选择文本