diff --git a/Frontend Angular 4/src/app/layout/canvas/canvas.component.ts b/Frontend Angular 4/src/app/layout/canvas/canvas.component.ts
index ab6563203bded6b9192412fe7f2d23b8dda77d99..9fdd2de0780e7f49a8ddb2e8e53d6b5b53f14c7a 100644
--- a/Frontend Angular 4/src/app/layout/canvas/canvas.component.ts	
+++ b/Frontend Angular 4/src/app/layout/canvas/canvas.component.ts	
@@ -40,7 +40,7 @@ export class CanvasComponent {
                 this.objetos = [];
             })
     }
-
+    animar_:boolean = true;
     objetos:any = [];
     evaluacionVertical:boolean = true;
     elementosAnimacion:any = [];
@@ -161,6 +161,7 @@ export class CanvasComponent {
     }
 
     public limpiarCanvas = function(){
+        this.animar_ = false;    
         this.objetos = [];
         this.context.clearRect(0, 0, this.canvasRef.nativeElement.width, this.canvasRef.nativeElement.height);
         if(this.mostrarEjes || this.mostrarGrilla){
@@ -288,11 +289,21 @@ private generarExpresion = function(exp:any){
 }
 
 private animar = function(){
+    this.animar_ =  true;
     if(this.mostrarEjes || this.mostrarGrilla){
         this.drawXAxis(this.context);
         this.drawYAxis(this.context);
     }
-    this.limpiarCanvas();
+    //limpio canvas.
+
+    this.objetos = [];
+        this.context.clearRect(0, 0, this.canvasRef.nativeElement.width, this.canvasRef.nativeElement.height);
+        if(this.mostrarEjes || this.mostrarGrilla){
+            this.drawXAxis(this.context);
+            this.drawYAxis(this.context);
+        }
+
+        
     this.objetos = this.elementosAnimacion[this.frameAnimacion];        
     this.dibujarObjetos();
     if(this.animando){
@@ -302,7 +313,9 @@ private animar = function(){
                 if(this.frameAnimacion>=this.elementosAnimacion.length){
                     this.frameAnimacion = 0;
                 }
-                this.animar();
+                if(this.animar_){
+                    this.animar();    
+                }
             }
         }.bind(this),1000);
     }
diff --git a/Frontend Angular 4/src/app/shared/services/ghci.service.ts b/Frontend Angular 4/src/app/shared/services/ghci.service.ts
index 8519b89b3a3fcf663e6423f3e5189e3b20ac83f9..0682b5cf001f1cb1c0dbdd011bf7edbe57cef42d 100644
--- a/Frontend Angular 4/src/app/shared/services/ghci.service.ts	
+++ b/Frontend Angular 4/src/app/shared/services/ghci.service.ts	
@@ -295,6 +295,8 @@ hayError(text){
 			this.startPrompt();
 			// console.log(x);
 		}else if (json_server_message.tipo == 'canvas' || json_server_message.tipo == 'animacion' || json_server_message.tipo == 'graph'){
+			document.getElementById("FigurasBtn").click()
+             this.focusConsole();
 			this.messages.next(json_server_message);
 		}