javascript - Konvajs 集团带边框突出显示

Question

我有 2 个组，每组内都有圆形或矩形。我需要在单击时突出显示该组，并带有边框，以便用户知道哪个组处于事件状态。

Answer 1

有很多方法可以做到这一点。例如:

group.on('click', () => {
  // toggle selected, this is just our custom property
  group.isSelected = !group.isSelected;
  // hide or show selection box
  selectionRect.visible(group.isSelected);
  // set box size and position
  selectionRect.setAttrs(group.getClientRect()); 
  layer.draw();
})

演示:http://jsbin.com/nucopakijo/1/edit?html,js,output