Update index.html

index.html

@@ -168,6 +168,7 @@
         if (!hasImage || isEmbedding || isSegmenting) {
           return;
         }
+        const backgroundMode = event.shiftKey ? bgPointMode^event.shiftKey : bgPointMode;
         const targetBox = event.target.getBoundingClientRect();
         const x = (event.clientX - targetBox.left) / targetBox.width;
         const y = (event.clientY - targetBox.top) / targetBox.height;
@@ -181,10 +182,10 @@
         if (ptsToRemove.length > 0) {
           pointArr = pointArr.filter((_, idx) => !ptsToRemove.includes(idx));
         } else {
-          pointArr = [...pointArr, [x, y, !bgPointMode]];
+          pointArr = [...pointArr, [x, y, !backgroundMode]];
         }
         undoBtn.disabled = false;
-        if(pointArr.length == 0) {
+        if (pointArr.length == 0) {
           ctxMask.clearRect(0, 0, canvas.width, canvas.height);
           undoBtn.disabled = true;
           return;