Canvas removal

[mindsclay]

I can draw on, move, scale and all that with canvas. But no where can I see is the way to "close" the canvas or even erase it.

I have a book on HTML5 Canvas and I cannot find any reference to closing or erasing a canvas. It seems logical that that technology would exist.

Even searching on the web yielded nothing on this. Usually when I exhaust my resources the answer is "you can't do that". That would be really stupid if there is no way to close or erase a canvas instance.

So my question: How does one close or erase a canvas instance??? Can I at least make it transparent?

[JAB Creations]

I don't work with Canvas at all however if I am correct Canvas has a root element? If so just use JavaScript's removeChild on the Canvas element.

[zcorpan]

If you want to clear the canvas, use clearRect

Code: Select all

context.clearRect(0, 0, canvas.width, canvas.height);

or set width or height on the canvas

Code: Select all

canvas.width = canvas.width;

If you want to remove a canvas, remove it from the document and drop all references to it.

Code: Select all

canvas.parentNode.removeChild(canvas);
canvas = context = null;