基礎編 ラバーバンド

記事作成日: 2023-10-27

mxRubberbandを使用すると領域選択(以下の図の薄い青の矩形部分)をすることができるようになります。

図.画像: mxRubberband

これによりマウスドラッグで複数の図形を選択できるようになります。mxGraphには組み込まれていないので、ラバーバンドの選択を有効にするには以下のコードを使用します。

const graph = new mxGraph(container_dom);
new mxRubberband(graph);

なお、これを使用せずにマウスでドラッグすると青い領域は表示されずツルツルするだけで図形の選択もできません。

参考リンク

mxRubberband - API Specification