From aad8b23aa8bf8dabe0bdf103c5fb2d4eab52d97f Mon Sep 17 00:00:00 2001
From: Fovway <fovway@gmail.com>
Date: Sun, 9 Mar 2025 22:22:27 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D1=83=20=D1=81=D0=BA=D1=80=D0=B8?=
 =?UTF-8?q?=D0=BD=D1=88=D0=BE=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
diff --git a/index.html b/index.html
index a2ece5e..5f95589 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>To-Do List</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
@@ -11,9 +12,54 @@
       <div class="todo-header">
         <input type="text" placeholder="Добавить задачу..." />
         <button>+</button>
+        <button class="save-btn" onclick="saveAsImage()">
+          <svg
+            id="SvgjsSvg1001"
+            width="20"
+            height="20"
+            xmlns="http://www.w3.org/2000/svg"
+            version="1.1"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            xmlns:svgjs="http://svgjs.com/svgjs"
+          >
+            <defs id="SvgjsDefs1002"></defs>
+            <g id="SvgjsG1008">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 20 22"
+                width="20"
+                height="20"
+              >
+                <path
+                  fill="none"
+                  fill-rule="evenodd"
+                  stroke="#ffffff"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M1 16v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3M6 11l4 4 4-4M10 1v14"
+                  class="colorStroke000 svgStroke"
+                ></path>
+              </svg>
+            </g>
+          </svg>
+        </button>
       </div>
+
       <div class="todo-list"></div>
     </div>
+
+    <script>
+      function saveAsImage() {
+        let gridElement = document.querySelector(".todo-list");
+        html2canvas(gridElement, { scale: 2 }).then((canvas) => {
+          let link = document.createElement("a");
+          link.download = "todo.png";
+          link.href = canvas.toDataURL("image/png");
+          link.click();
+        });
+      }
+    </script>
     <script src="app.js"></script>
   </body>
 </html>
