FabricJSで複数のパスを削除する

Question

Fabricを使用して共同描画アプリケーションを作成しています。このアプリの性質上、ある種の元に戻す/消去機能を実装するよりも、一度にすべての行を一度に削除する方が良いでしょう。私はpath Sのリストを反復処理しようとした

、そうのような：パスを削除する（議論hereとして）配列の長さを変更するため

canvas.getObjects().forEach((path) => { 
    if(path.senderId === client.id){ 
    canvas.remove(path); 
    } 
}); 

// Or 

let paths = canvas.getObjects().filter(path => path.senderId === client.id); 

while(paths.length) { 
    canvas.remove(paths[0]); 
} 

最初のものは、動作しません。しかし、第2のものは永遠に走り、私はなぜその理由がわからない。

これが間違ったアプローチの場合は、教えてください。ありがとう！

Answer 1

1素晴らしく、簡潔な方法で行うことです。

canvas.getObjects('path').forEach((path) => { 
    if(path.senderId === client.id){ 
    canvas.remove(path); 
    } 
}); 

このようにgetObjectsは、新しい配列を返しますし、あなたが作業している配列と怒っせずにそれらを削除することができるはずです。

私は、getObjects（）は、そのような状況を簡単に処理できるように、常に浅いコピーを返すべきだと考えています。誰かが何らかのパフォーマンス上の問題を抱えている場合でも、canvas._objectsに直接アクセスできます。