diff --git a/SOUTENANCE/basket.html b/SOUTENANCE/basket.html
index cf885e6..014bb0a 100644
--- a/SOUTENANCE/basket.html
+++ b/SOUTENANCE/basket.html
@@ -46,9 +46,11 @@
 						Partager
 					</a>
 					<div class="dropdown-menu text-white" aria-labelledby="navbarDropdown">
-						<a class="dropdown-item" href="#">PDF</a>
+						<a href="#" class="button dropdown-item" id="btn-download">PNG</a>
 						<div class="dropdown-divider"></div>
-						<a class="dropdown-item" href="#">JPG</a>
+						<script src="https://cdn.jsdelivr.net/npm/three@0.118.3/build/three.js"></script>
+						<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
+						<button class="dropdown-item" id="download">PDF</button>
 					</div>
 				</li>
 				<li class="nav-item">
diff --git a/SOUTENANCE/rectest.js b/SOUTENANCE/rectest.js
index 3490f41..d5d120c 100644
--- a/SOUTENANCE/rectest.js
+++ b/SOUTENANCE/rectest.js
@@ -11,6 +11,8 @@ canvas.height = lt*0.536;
 var ht = canvas.height;
 var WIDTH = canvas.width;
 var HEIGHT = canvas.height;
+var buttonPNG = document.getElementById('btn-download');
+var buttonPDF = document.getElementById('btn-downloadpdf')
 
 // drag related variables
 var dragok = false;
@@ -1357,4 +1359,60 @@ function toggletire(){
 function untoggletire(){
     document.getElementById("bouttontirer").classList.remove('red');
 
-}
\ No newline at end of file
+}
+
+
+
+   buttonPNG.onclick = function(){
+    download(canvas, 'Schema.png');
+  }
+
+
+
+
+function download(canvas, filename) {
+  var lnk = document.createElement('a'), e;
+  lnk.download = filename;
+
+
+  lnk.href = canvas.toDataURL("image/png;base64");
+
+  /// create a "fake" click-event to trigger the download
+  if (document.createEvent) {
+    e = document.createEvent("MouseEvents");
+    e.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false,false, 0, null);
+    lnk.dispatchEvent(e);
+  } else if (lnk.fireEvent) {
+    lnk.fireEvent("onclick");
+  }
+}
+
+
+
+
+
+
+
+
+init();
+
+
+function init() {
+
+
+        
+        
+        var button = document.getElementById( 'download' );
+        button.addEventListener( 'click', function() {      
+            var imgData = canvas.toDataURL("image/jpeg", 1.0);
+            var pdf = new jsPDF();
+            imgData.width=300;
+            imgData.height=200;
+           
+            pdf.addImage(imgData, 'JPEG',0 ,0);
+            pdf.save("Schema.pdf");
+
+        } );
+
+}
+