add remove background

js/poseMaker.js

@@ -807,6 +807,12 @@ function savePose() {
 }
 
 function importBackground(image) {
+  if (image == null) {
+    canvasBg = null;
+    Redraw();
+    return;
+  }
+
   let m = new Image();
   m.src = image;
   m.onload = function() {

main.py

@@ -57,6 +57,8 @@ with gr.Blocks(css="""button { min-width: 80px; }""") as demo:
             importBtn = gr.Button(value="Import")
           with gr.Column(min_width=80):
             bgBtn = gr.Button(value="Background")
+          with gr.Column(min_width=80):
+            removeBgBtn = gr.Button(value="RemoveBG")
       with gr.Accordion(label="Json", open=False):
         with gr.Row():
           with gr.Column(min_width=80):
@@ -137,8 +139,12 @@ When using Q, X, C, R, pressing and dont release until the operation is complete
     fn = None,
     inputs = [source],
     outputs = [],
-    _js="(image) => { importBackground(image); return []; }"
-  )
+    _js="(image) => { importBackground(image); return []; }")
+  removeBgBtn.click(
+    fn = None,
+    inputs = [],
+    outputs = [],
+    _js="() => { importBackground(null); return []; }")
 
   saveBtn.click(
     fn = None,