选择

选择对象,我们通过 Selection 模块实现,可通过 graph.selection 的接口实现该功能,见下例:

// 将对象加入到选择集中
graph.selection.select(obj)
// 判断对象是否在选择集中
graph.selection.has(obj)
// 将对象从选择集中删除
graph.selection.deselect(obj)
// 清空选择集
graph.selection.clear()

也可以通过事件侦测选择集变化,使用 Select 和 Deselect 事件精确控制对象针对选择的响应,如下例:

// 选择集中的对象比例进行改变
graph.on(THING.EventType.Select, function(ev) {
  ev.object.scale = 2
})
// 对象从选择集中删除时,还原比例
graph.on(THING.EventType.Deselect, function(ev) {
  ev.object.scale = 1
})

我们也可以通过 SelectionChange 事件通知对象选择集合更新。

graph.on(THING.EventType.SelectionChange, function(ev) {
  console.log(ev.objects)
})

下一个教程中,我们来学习事件

该文件修订时间: 2022-02-28 16:20:08

results matching ""

    No results matching ""