
在本文中,我们将学习如何在 FabricJS 中禁用画布的交互性。每个对象之上的交互层是 FabricJS 的独特功能之一。一旦我们初始化了画布,就可以选择对象、拖动它们或操作组选择。但是,所有这一切都可以通过将交互属性指定为 False 来撤消。
语法
new fabric.Canvas(element: HTMLElement|String, { interactive : Boolean }: Object)参数
元素 - 此参数是
选项(可选) - 此参数是一个对象,它提供对我们的画布进行额外的定制。使用此参数,可以更改与画布相关的颜色、光标、边框宽度等属性,以及许多其他属性,其中 Interactive 是我们可以决定是否需要交互式画布的属性。该属性的默认值为 True。
示例 1
启用交互属性时
启用交互性后,我们可以自由拖动对象、选择它们并根据需要操作它们。我们可以在下面的代码示例中看到 -
YDUI Touch专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flexbox 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;用 rem 实现强大的屏幕适配布局,等比例适配所有屏幕;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI。
Disabling the interactivity of canvas
Here you can drag the object and manipulate them freely as we have set the interactive property to True.
示例 2
将交互键传递给类
让我们看一个代码示例,了解如何禁用画布的交互性。我们可以为交互属性分配一个 False 值,这将消除画布中对象顶部的交互层。
Disabling the interactivity of canvas
Here you cannot select an area around the objects and manipulate them freely, as we have set the interactive property as False.









