javascript - 动态图像会导致性能问题吗？

Question

我正在用画布创建动态图像。我需要一个带有动态文本的图像，所以在画布的帮助下，我创建了图像（base64）并附加到图像标签上，这很好。但是当创建动态图像的数量时，我会在 chrome中看到inspectelement -> Resources -> images。创建的所有动态图像都缓存在浏览器中，这会导致移动设备出现性能或内存问题，或者我可以在使用后将其删除。对此有任何建议。

var image = new Image();
image.src = canvas.toDataURL("image/png");

Answer 1

你应该每次都重复使用相同的画布，

使用画布图像后，擦除画布上的所有绘图

var ctx = canvas.getContext("2d");
ctx.clearRect(0,0,canvas.width,canvas.height);

然后再次在画布上绘制并使用它......