Wie entfernt man ein Objekt von der Leinwand?

Question

Ich mache dieses Skript, das eine Nadel auf einem Tachometer mit Canvas drehen wird. Ich bin ein Neuling in diesem Canvas. Dies ist mein Code:

function startup() {
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');
  var meter = new Image();
  meter.src = 'background.png';
  var pin = new Image();
  pin.src = 'needle.png';
  context.drawImage(meter,0,0);
  context.translate(275,297);
  for (var frm = 0; frm < 6000; frm++){
    var r=frm/1000;               //handle here                                
    var i=r*36-27;  //angle of rotation from value of r and span
    var angleInRadians = 3.14159265 * i/180;  //converting degree to radian                
    context.rotate(angleInRadians); //rotating by angle
    context.drawImage(pin,-250,-3);  //adjusting pin center at meter center
  }
}

Hier sehen Sie das Skript in Aktion:

http://www.kingoslo.com/instruments/

Das Problem ist, wie Sie sehen können, dass die rote Nadel nicht zwischen den einzelnen for-Schleifen entfernt wird.

Was ich tun muss, ist, die Leinwand für das Pin-Objekt zwischen jedem Zyklus der Schleife zu löschen. Wie kann ich das tun?

Gracias.

Mit freundlichen Grüßen,
Marius