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

Question

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

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);

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