Home/ Questions/Q 8523145
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T07:19:30+00:00

I am new to javascript. I am creating new images in my js file

  • 0

I am new to javascript. I am creating new images in my js file by saying
What I intend to is draw a new image and remove the previous one…

My code sample is :

var image = new Image();
image.src = 'abc.png';

ctx.drawImage(image, x, y,30,30);

and then I am using 

ctx.clearRect(x, y, 30, 30);

but it does not clear the images drawn..
What should I do?

Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Check this HTML5 canvas tutorial for clear and redraw new image

    Hope this can be helpful for you.

    <!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="578" height="400"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
      };
      imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
    </script>
  </body>
</html>
    • 0