【JavaScript】【Fabric.js】選択した矩形を削除する

1hmtl
2<button type="button" id="deleteBtn" >削除</button>
3<canvas id="canvas"></canvas>

1/*
2 * 画面ロード時に実行される関数
3 */
4function load(){
5    canvas = new fabric.Canvas("canvas");
6
7    //適当にキャンバスのサイズ設定
8    canvas.setWidth(400);
9    canvas.setHeight(400);
10}

1function deleteObj(){
2    //選択されているオブジェクトを削除する。
3    let activeObjects = canvas.getActiveObjects();
4
5    if (activeObjects != null) {
6        if (confirm('選択された箇所を全て削除しますか？')) {
7            activeObjects.forEach(obj => {
8
9                //対象オブジェクトを削除
10                canvas.remove(obj);
11
12                //矩形のIDとcanvas.item紐づけ用配列も削除する。
13                let arrIndex = arrayRect.indexOf(obj.id);
14                arrayRect.splice(arrIndex, 1);
15            });
16        }
17    } else {
18        alert("オブジェクトが選択されていません。");
19    }
20}
21
22deleteBtn.addEventListener('click', deleteObj,false);