Upload index.html

index.html

@@ -86,6 +86,7 @@
             <input type="file" id="upload" accept="image/*" style="position: absolute; top: 0; left: 0; width: 98%; height: 100%; opacity: 0; cursor: pointer;">
         </button>
         <button id="save" style="height: 50px;">保存蒙版</button>
+        <button id="saveToClipboard" style="height: 50px;">保存蒙版到剪贴板</button>
     </div>
     <div class="myDiv">
         <input type="range" id="brushSizeSlider" style="width: 100%" value="40" min="1" max="150" step="1" >
@@ -499,6 +500,29 @@ window.onload = function() {
 
       return new Blob([byteArray], { type: mime });
     }
+    // 保存蒙版
+    document.getElementById('saveToClipboard').addEventListener('click',async function() {
+        var data = maskData.data;
+        var tempCanvas = document.createElement('canvas');
+        var ctx = tempCanvas.getContext('2d');
+        if (isRotate == true){
+            var rData = rotateImageData(maskData);
+            tempCanvas.height = maskData.width;
+            tempCanvas.width = maskData.height;
+            ctx.putImageData(rData, 0, 0);
+        }
+        else {
+            tempCanvas.width = canvas.width;
+            tempCanvas.height = canvas.height;
+            ctx.putImageData(maskData, 0, 0);
+        }
+        //await navigator.clipboard.writeText(tempCanvas.toDataURL("image/jpeg", 0.9));
+        const response = await fetch(tempCanvas.toDataURL("image/png"));
+        const blob = await response.blob();
+        const item = new ClipboardItem({ 'image/png': blob });
+        await navigator.clipboard.write([item]);
+    });
+
     // 保存蒙版
     document.getElementById('save').addEventListener('click', function() {
         var data = maskData.data;