
在本教程中,我们将学习如何使用 FabricJS 禁用 IText 的选择性。 IText 类是在 FabricJS 版本 1.4 中引入的,它扩展了 Fabric.Text 并用于创建 IText 实例。 IText 实例使我们可以自由选择、剪切、粘贴或添加新文本,而无需额外配置。还有各种支持的按键组合和鼠标/触摸组合使文本具有交互性,而 Text 中未提供这些组合。
然而,基于 IText 的 Textbox 允许我们调整文本矩形的大小并自动换行。对于 IText 来说情况并非如此,因为高度不会根据换行进行调整。我们可以通过使用各种属性来操作 IText 对象。为了修改一个对象,我们必须在 FabricJS 中选择它。但是,我们可以通过使用 selectable 属性来更改此行为。
语法
new fabric.IText(text: String, { selectable: Boolean }: Object)
参数
text - 此参数接受 String,它是我们要在 IText 对象中显示的文本字符串。
选项(可选) - 此参数是一个对象,它为我们的对象提供额外的自定义。使用此参数,可以更改与可选择属性的对象相关的颜色、光标、描边宽度和许多其他属性。
选项键
selectable - 此属性接受布尔值。当为其分配“假”值时,无法选择该对象进行修改。它的默认值为 true。
示例 1
默认行为或可选属性设置为“true”时
极速网店升级内容:1.网店系统升级到Net2.0框架2.网店系统架构升级,使系统速度提升30%3.修正购物车下一步容易出错的问题4.修正会员删除的Bug5.修正广告时间不能选择的问题6.修正程序的兼容问题2008版升级内容如下:1、修正打SP2后用户登陆时出错的问题;2、修正用户列表错误的问题;3、修正程序的兼容性问题;4、修正用户Cookie加密码乱码的问题5、修正程序中存在的小BUG;6、优化
让我们看一个代码示例,以了解默认情况下 selectable 属性设置为 true 时对象的行为。当 selectable 属性设置为 true 时,我们可以选择一个对象,在画布上移动它并对其进行修改。
Default behaviour or when selectable property is set to ‘true’
You can try moving the itext object around the canvas or scaling it to prove that it's selectable
示例 2
将可选属性作为具有“false”值的键传递
在此示例中,我们为可选属性分配了一个假值。这意味着我们无法再选择 IText 对象进行修改。
Passing selectable property as key with “false” value
You can see that the itext object is no longer selectable









