How to clean a canvas area?

Question

Asked 10 years, 9 months ago

Viewed 6,917 times

10

I created a function that generates random objects in the area canvas and wanted that after the end of this function the area was clean.

Is there any possibility of doing that?

2 answers

10

Try it like this:

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

Reference:

Thank you @Gabriel! [OFF TOPIC] You know if there is a possibility to add events to my elements within the canvas?

– Odair

2014/02/17 at 16:14
1

@Odair Take a look at this article at the bottom of the page: http://diveintohtml5.com.br/canvas.html. Here’s how to play a little game with canvas by adding events, etc.

– user622

2014/02/17 at 19:41
Valeu @Gabriel!

– Odair

2014/02/17 at 23:45

Browser other questions tagged javascript canvas

You are not signed in. Login or sign up in order to post.

by MarkimCE • 21 points · Answer 1 · 2014-10-10T14:05:01+00:00

context.clearRect(A, B, C, D);

A: point on the x-axis where cleaning will start.

B: point on the y-axis where cleaning will start.

C: Limit on X-axis to be cleaned.

D: Limit on the y-axis to be cleaned.

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

Note: This way you will clean from the point X = 0 and Y = 0, until the end of your canvas, that is canvas.width and canvas.height.