0

在创建树之前,我使用画布绘制一些图标(加号、减号、节点等)。然后我将图像放在对象上并停止使用画布。像这样:

var imgFromCnvs = NewElem.toDataURL("image/png");
var ElemIdName = 'treeVLineLast';
treeEl.imgs[ElemIdName]=imgFromCnvs

然后我在树上的背景图像中使用它们:

NewElem.style.backgroundImage = 'url("'+treeEl.imgs.treeVLineLast+'")';

因此,据我了解,它极大地扩大了页面上的数据量,因为我将数据从对象严格放置到每个元素,而不是使用指向它的链接。由于一棵树中可能有数百甚至数千个树元素,我认为这会导致一些内存问题。

我想,这可能是以某种方式使用对象中数据的链接的最佳方式,但我不知道如何。可能是,创造一些新的元素?有没有办法解决这个问题?

PS:我正在学习 JavaScript,需要在不使用任何库的情况下了解基础知识。

4

0 回答 0