javascript - 在 javascript 中创建的文档元素的范围

Question

我对 JavaScript 和 Web 开发总体来说是新手，我正在尝试编写一个渲染器，可以将 CT 扫描中的每个切片绘制为 2D 图像。

我有一个由 512x97 切片组成的细长 (512x49664) 图像，每个切片只是一个 512x512 图像。我已经确定这会扰乱 webgl，因此我计划通过在 Canvas 上绘制图像并将图像数据复制到纹理中来获取图像中的各个切片。

我的问题是:如果我有一个函数可以执行以下操作:

// Create a small canvas to contain a single slice.
function getSlice(sliceNumber){
    var sliceCanvas = document.createElement("canvas");
    sliceCanvas.width = 512;
    sliceCanvas.height = 512;
    var sliceContext = sliceCanvas.getContext('2d');
    sliceContext.drawImage(image, 0, 512*sliceNumber, 512, 512, 0, 0, 512, 512);
}

当函数退出时，我创建的 Canvas 会发生什么？

Answer 1

还没有:

• 已添加到 DOM
• 存储在仍在范围内的变量或属性中
• 返回任何地方

...没有剩余的引用，因此它将被标记为垃圾回收。