javascript - Canvas 上的 View 外对象是否占用内存？

Question

如果我不断地在 Canvas 上绘制对象，并将旧对象移出边界，旧对象是否仍然消耗内存？

例如这个jsfiddle

var canvas = d3.select("body").append("canvas")
                .attr("width", 200)
                .attr("height", 200);
var ctx = canvas.node().getContext("2d");

ctx.fillStyle = "#f00";

(function tick() {
    ctx.fillRect(10, 10, 10, 10);
    ctx.translate(10, 10);
    setTimeout(tick, 500);
})();

我不断地绘制矩形，同时将旧的矩形移出站点。

观察

在@meagar 的建议下，我尝试了 Chrome 分析器，似乎视野外的对象不消耗内存。

Answer 1

是和否。

是的，CPU 将处理绘制矩形的 javascript。

不，GPU 不会尝试绘制完全脱离 Canvas 的矩形。