ツリーを作成する前に、canvas を使用していくつかのアイコン (プラス、マイナス、ノードなど) を描画します。次に、オブジェクトに画像を配置し、キャンバスの使用をやめました。このような:
var imgFromCnvs = NewElem.toDataURL("image/png");
var ElemIdName = 'treeVLineLast';
treeEl.imgs[ElemIdName]=imgFromCnvs
次に、ツリーの背景画像でそれらを使用します。
NewElem.style.backgroundImage = 'url("'+treeEl.imgs.treeVLineLast+'")';
ですから、リンクを使用する代わりに、オブジェクトからすべての要素に厳密にデータを配置するため、ページ上のデータ量が非常に大きくなることがわかります。ツリーには数百または数千のツリー要素が存在する可能性があるため、メモリの問題が発生すると思います。
どうにかしてオブジェクト内のデータへのリンクを使用するのが最善の方法かもしれませんが、その方法はわかりません。たぶん、新しい要素を作成しますか?この問題を解決する方法はありますか?
PS: 私は JavaScript を学んでおり、ライブラリを使用せずに基本を理解する必要があります。