change color only

README.md

@@ -1,5 +1,5 @@
 ---
-title: Gradio540 Tmp Paint
+title: Gradio Fixed Paint
 emoji: 🌍
 colorFrom: indigo
 colorTo: gray
@@ -8,6 +8,7 @@ sdk_version: 5.5.0
 app_file: app.py
 pinned: false
 license: mit
+short_description: one of solution for broken image-editor
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -61,9 +61,9 @@ css="""
 }
 """
 
-def color_changed(color,dict):
+def color_changed(color):
     #mode must be RGBA
-    editor = gr.ImageEditor(value=dict,height=800,sources=['upload','clipboard'],transforms=[],image_mode='RGBA', layers=False,  elem_id="Foreground", type="pil", label="Foreground",brush=gr.Brush(colors=[color], color_mode="fixed"))
+    editor = gr.ImageEditor(brush=gr.Brush(colors=[color],color_mode="fixed"))
     return editor  
 
 with gr.Blocks(css=css, elem_id="demo-container") as demo:
@@ -75,7 +75,7 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
                     #mode must be RGBA
                     image = gr.ImageEditor(height=800,sources=['upload','clipboard'],transforms=[],image_mode='RGBA', layers=False,  elem_id="Foreground", type="pil", label="Foreground",brush=gr.Brush(colors=["#888"], color_mode="fixed"))
                     pick=gr.ColorPicker(label="color",value="#888",info="ImageEditor color is broken,pick color from here.reselect paint-tool and draw.")
-                    pick.change(fn=color_changed,inputs=[pick,image],outputs=[image])
+                    pick.change(fn=color_changed,inputs=[pick],outputs=[image])
                     
                     
                     btn = gr.Button("Apply Paint", elem_id="run_button",variant="primary")

demo_header.html

@@ -1,16 +1,18 @@
 <div style="text-align: center;">
     <h1>
-        Gradio540 Tmp Paint(Alpha Test)
+        Gradio550 Paint
     </h1>
     <div class="grid-container">
         <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00031245_08_00006200.webp" alt="Flux.1-schnell-WebP3Frame-TalkingAnimation" class="image">
         <p class="text">
-            Totally unstable<br>
-            WARNING:sometime drawing data will gone.Not good at Undo.you can't draw black(0,0,0)<br>
-            Good for classic inpaint border.(If it's possible use Gimp or other paint tools)<br>
+            <br>
+            WARNING:sometime unstable,you can't draw true black(0,0,0)<br>
+            Good for classic inpaint border.<br>
             Paintng good at adding accessories with Flux, using inpainting/img2img, but not great at faces or bodies(only close eyes seems work)<br>
-            This is one of My solution for gradio5.40 painting,I dont't know which old version gradio paint work.<br>
+            This is one of My solution for gradio5.5 painting,I dont't know which old version gradio paint work.<br>
             the BUG is <a href="https://github.com/gradio-app/gradio/issues/9066">this</a>.I hope it will fix soon<br>
+            another solution is not use gradio for paint <a href="https://huggingface.co/spaces/Akjava/godot-web-gradio-inapint">Godot-web-gradio-inpaint</a><br>
+            
         </p>
     </div>
 </div>

tools.html

@@ -1,10 +1,10 @@
 <div style="text-align: center;">
-    <p><a href="https://huggingface.co/spaces/Akjava/godot-huggingface-chain">AI Diagram Chat with Voice/Face Character Making Tools</a></p>
-    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a> 
+    <p><a href="https://huggingface.co/spaces/Akjava/AIDiagramChatWithVoice-FaceCharacter">AI Diagram Chat with Voice/Face Character Making Tools</a></p>
+    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a>
+        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-img2img">[Flux1-Img2Img(GPU)]</a>  
         <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-mask-inpaint">[Flux1-Inpaint(GPU)]</a> 
         <a href="https://huggingface.co/spaces/Akjava/OpenCVInpaintCPU">[OpenCV-Inapint]</a>
         <a href="https://huggingface.co/spaces/Akjava/Simple-Whitebalance-Image">[Whitebalance]</a>
         <a href="https://huggingface.co/spaces/Akjava/Simple-Mask-Paste-Image">[Paste Image]</a>
-        <a href="https://huggingface.co/spaces/Akjava/gradio540-tmp-paint">[Paint Image(Alpha)]</a>
         <a href=" https://huggingface.co/spaces/Akjava/WebP-Resize-Convert">[WebP Resize Convert]</a></p> 
 </div>