Fix en overlap de animaciones

Frontend Angular 4/src/app/layout/canvas/canvas.component.ts

@@ -51,7 +51,7 @@ export class CanvasComponent {
     //Todo, abscisa y ordenada
     tipoZoom = "Todo";
     tipoZoomDesc = "Zoom en ambos ejes";
-
+    timeOutRef:number;
 
 
     @ViewChild('canvasElement') canvasRef: ElementRef;
@@ -162,6 +162,7 @@ export class CanvasComponent {
 
     public limpiarCanvas = function(){
         this.animar_ = false; 
+        clearTimeout(this.timeOutRef);
         this.objetos = [];
         this.context.clearRect(0, 0, this.canvasRef.nativeElement.width, this.canvasRef.nativeElement.height);
         if(this.mostrarEjes || this.mostrarGrilla){
@@ -307,7 +308,7 @@ private animar = function(){
     this.objetos = this.elementosAnimacion[this.frameAnimacion];        
     this.dibujarObjetos();
     if(this.animando){
-        setTimeout(function(){
+        this.timeOutRef =  setTimeout(function(){
             if(this.animando){
                 this.frameAnimacion ++;
                 if(this.frameAnimacion>=this.elementosAnimacion.length){