init

.gitignore

@@ -0,0 +1,6 @@
+__pycache__
+*.egg-info
+.ipynb_checkpoints
+dist
+.gradio
+build

app.py

@@ -0,0 +1,102 @@
+import spaces
+import gradio as gr
+import re
+from PIL import Image,ImageFilter
+
+import os
+import numpy as np
+
+
+
+
+def process_images(fg_image):
+    # I'm not sure when this happen maybe api calling
+    #return fg_image["background"],fg_image['layers'][0]
+    def white_non_black(image):
+        return np.where(image > 0, 255, image)
+
+    mask = fg_image['layers'][0]
+    mask = mask.convert("L")
+    white_mask = Image.fromarray(white_non_black(np.array(mask)))
+    fg_image["background"].paste(fg_image['layers'][0], (0, 0),white_mask)
+
+    paint_masked = Image.composite(fg_image['layers'][0], Image.new("RGBA", fg_image['layers'][0].size, (0, 0, 0, 0)), white_mask)
+
+    return fg_image["background"],white_mask
+
+    
+
+def read_file(path: str) -> str:
+    with open(path, 'r', encoding='utf-8') as f:
+        content = f.read()
+
+    return content
+
+css="""
+#col-left {
+    margin: 0 auto;
+    max-width: 640px;
+}
+#col-right {
+    margin: 0 auto;
+    max-width: 640px;
+}
+.grid-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap:10px
+}
+
+.image {
+  width: 128px; 
+  height: 128px; 
+  object-fit: cover; 
+}
+}
+}
+
+.text {
+  font-size: 16px;
+}
+"""
+
+def color_changed(color,dict):
+    #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"))
+    return editor  
+
+with gr.Blocks(css=css, elem_id="demo-container") as demo:
+    with gr.Column():
+        gr.HTML(read_file("demo_header.html"))
+        gr.HTML(read_file("tools.html"))
+    with gr.Row():
+                with gr.Column():
+                    #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])
+                    
+                    
+                    btn = gr.Button("Apply Paint", elem_id="run_button",variant="primary")
+                            
+                with gr.Column():
+                    image_out = gr.Image(sources=[],label="Output", elem_id="output-img",format="png")
+                    mask_out = gr.Image(sources=[],label="Mask", elem_id="mask-img",format="jpg")
+
+                    
+            
+
+    btn.click(fn=process_images, inputs=[image], outputs =[image_out,mask_out], api_name='infer')
+    gr.Examples(
+               examples=[
+                   ["examples/00538245.jpg"],
+                   ["examples/eye-close.jpg"],
+                   ["examples/acc.jpg"]
+                         ]
+                         ,
+                inputs=[image]
+    )
+    gr.HTML(read_file("demo_footer.html"))
+
+    demo.launch()

demo_footer.html

@@ -0,0 +1,3 @@
+<div>
+    <P> Images are generated with <a href="https://huggingface.co/black-forest-labs/FLUX.1-schnell">FLUX.1-schnell</a> and licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0 License</a>
+</div>

demo_header.html

@@ -0,0 +1,15 @@
+<div style="text-align: center;">
+    <h1>
+        Gradio540 Tmp Paint(Alpha Test)
+    </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">
+            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>
+            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>
+            the BUG is <a href="https://github.com/gradio-app/gradio/issues/9066">this</a>.I hope it will fix soon<br>
+        </p>
+    </div>
+</div>

requirements.txt

@@ -0,0 +1,3 @@
+spaces
+numpy
+opencv-contrib-python

tools.html

@@ -0,0 +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> 
+        <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>