oui

src/app/components/analysis-window/analysis-window.component.html

@@ -17,8 +17,10 @@
     <div class="card-content">
       <div class="content">
         <div class="card-image">
-          <div class="network center" #network>
-            <button class="button is-loading center">Loading</button>
+          <div class="parent"  id="1">
+            <div class="network center" #network>
+              <button class="button is-loading center">Loading</button>
+            </div>
           </div>
         </div>
         <footer class="card-footer toolbar">
@@ -34,7 +36,7 @@
               </button>
             </p>
             <p class="control">
-              <button class="button is-primary is-rounded" [disabled]="true">
+              <button (click)="screenshot()" class="button is-primary is-rounded" >
             <span class="icon">
               <i class="fas fa-camera" aria-hidden="true"></i>
             </span>

src/app/components/analysis-window/analysis-window.component.ts

@@ -13,6 +13,7 @@ import {HttpClient} from '@angular/common/http';
 import {environment} from '../../../environments/environment';
 import {AnalysisService} from '../../analysis.service';
 import {Protein, Task, NodeType} from '../../interfaces';
+import html2canvas from 'html2canvas';
 
 declare var vis: any;
 
@@ -27,6 +28,8 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
   @Output() tokenChange = new EventEmitter<string | null>();
 
   public task: Task | null = null;
+  public indexscreenshot = 1;
+
 
   @ViewChild('network', {static: false}) networkEl: ElementRef;
 
@@ -35,6 +38,7 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
   private drugNodes = [];
   public showDrugs = false;
 
+
   constructor(private http: HttpClient, public analysis: AnalysisService) {
   }
 
@@ -216,5 +220,16 @@ export class AnalysisWindowComponent implements OnInit, OnChanges {
       this.nodeData.nodes.add(this.drugNodes);
     }
   }
+  public screenshot() {
+    const elem = document.getElementById(this.indexscreenshot.toString());
+    html2canvas(elem).then((canvas) => {
+      const generatedImage1 = canvas.toDataURL('image/png').replace('image/png', 'image/octet-stream');
+      const a = document.createElement('a');
+      a.href = generatedImage1;
+        a.download = `Resulting_Network.png`;
+      a.click();
+
+  });
+}
 
 }