How to clear the canvas for redrawing

Question

How to clear the canvas for redrawing

In the wake of trying different things with composite tasks and drawing pictures on the canvas I'm presently attempting to eliminate pictures and compositing. How would I do this?

I need to clear the canvas for redrawing different pictures; this can continue for some time so I don't think drawing another square shape each time will be the most proficient choice.

canvas javascript html

4 years ago by Kajalsi45d

2 Answers

Login / Signup to Answer the Question.

Login Signup

**ninja01** · Answer 1 · 2021-05-18T11:36:14

ninja01

Given that canvas is a canvas element,



const context = canvas.getContext('2d');



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

4 years ago

**sandhya6gczb** · Answer 2 · 2021-05-20T12:49:11

Use clearRect method by passing x,y co-ordinates and height and width of canvas. ClearRect will clear whole canvas as :

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

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

How to clear the canvas for redrawing

2 Answers

Login / Signup to Answer the Question.