Update index.html

index.html

@@ -127,6 +127,7 @@ window.onload = function() {
         editModeRadios[i].addEventListener('change', function() {
             // 获取选中的编辑模式值
             selectedMode = this.value;
+            drawImagesInterval(100);
         });
     }
     brushSizeSlider.addEventListener('input', function() {
@@ -184,6 +185,9 @@ window.onload = function() {
     function drawImages() {
         context.clearRect(0, 0, canvas.width, canvas.height);
         context.putImageData(maskData,0,0);
+        if (selectedMode == "select") {
+            return;
+        }
         context.globalAlpha = 0.75; // 设置透明度为0.5
         context.drawImage(image, 0, 0);
         //context.drawImage(imageMask, 0, 0);
@@ -466,6 +470,10 @@ window.onload = function() {
         link.href = tempCanvas.toDataURL("image/jpeg", 0.9);
         link.download = 'mask_' + generateRandomFileName() + '.jpg';
         link.click();
+        var oldMode = selectedMode;
+        selectedMode = "select";
+        drawImages();
+        selectedMode = oldMode;
     });
     // 获取圆圈元素
     var circle = document.getElementById('circle');