3248 image (#3277)

gradio-app · Feb 23, 2023 · 372a3cc · 372a3cc
1 parent 9c811ed
commit 372a3cc
Show file tree

Hide file tree

Showing 14 changed files with 135 additions and 66 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## New Features:
 - Updated image upload component to accept all image formats, including lossless formats like .webp by [@fienestar](https://github.com/fienestar) in [PR 3225](https://github.com/gradio-app/gradio/pull/3225)
 - Adds a disabled mode to the `gr.Button` component by setting `interactive=False` by [@abidlabs](https://github.com/abidlabs) in [PR 3266](https://github.com/gradio-app/gradio/pull/3266) and [PR 3288](https://github.com/gradio-app/gradio/pull/3288)
+- Allow the setting of `brush_radius` for the `Image` component both as a default and via `Image.update()` by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
 - Added `info=` argument to form components to enable extra context provided to users, by [@aliabid94](https://github.com/aliabid94) in [PR 3291](https://github.com/gradio-app/gradio/pull/3291)
 
 ## Bug Fixes:
@@ -11,6 +12,8 @@
 - Added a timeout to queue messages as some demos were experiencing infinitely growing queues from active jobs waiting forever for clients to respond by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3196](https://github.com/gradio-app/gradio/pull/3196)
 - Fixes the height of rendered LaTeX images so that they match the height of surrounding text by [@abidlabs](https://github.com/abidlabs) in [PR 3258](https://github.com/gradio-app/gradio/pull/3258) and in [PR 3276](https://github.com/gradio-app/gradio/pull/3276)
 - Fix bug where matplotlib images where always too small on the front end by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3274](https://github.com/gradio-app/gradio/pull/3274) 
+- Prevent Sketch from crashing when a default image is provided by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Respect the `shape` argument on the front end when creating Image Sketches by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
 
 ## Documentation Changes:
 No changes to highlight.

diff --git a/demo/blocks_flipper/run.ipynb b/demo/blocks_flipper/run.ipynb
@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: blocks_flipper"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import numpy as np\n", "import gradio as gr\n", "\n", "def flip_text(x):\n", "    return x[::-1]\n", "\n", "def flip_image(x):\n", "    return np.fliplr(x)\n", "\n", "with gr.Blocks() as demo:\n", "    gr.Markdown(\"Flip text or image files using this demo.\")\n", "    with gr.Tab(\"Flip Text\"):\n", "        text_input = gr.Textbox()\n", "        text_output = gr.Textbox()\n", "        text_button = gr.Button(\"Flip\")\n", "    with gr.Tab(\"Flip Image\"):\n", "        with gr.Row():\n", "            image_input = gr.Image()\n", "            image_output = gr.Image()\n", "        image_button = gr.Button(\"Flip\")\n", "\n", "    with gr.Accordion(\"Open for More!\"):\n", "        gr.Markdown(\"Look at me...\")\n", "\n", "    text_button.click(flip_text, inputs=text_input, outputs=text_output)\n", "    image_button.click(flip_image, inputs=image_input, outputs=image_output)\n", "    \n", "if __name__ == \"__main__\":\n", "    demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: blocks_flipper"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import numpy as np\n", "import gradio as gr\n", "\n", "\n", "def flip_text(x):\n", "    return x[::-1]\n", "\n", "\n", "def flip_image(x):\n", "    return np.fliplr(x)\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    gr.Markdown(\"Flip text or image files using this demo.\")\n", "    with gr.Tab(\"Flip Text\"):\n", "        text_input = gr.Textbox()\n", "        text_output = gr.Textbox()\n", "        text_button = gr.Button(\"Flip\")\n", "    with gr.Tab(\"Flip Image\"):\n", "        with gr.Row():\n", "            image_input = gr.Image()\n", "            image_output = gr.Image()\n", "        image_button = gr.Button(\"Flip\")\n", "\n", "    with gr.Accordion(\"Open for More!\"):\n", "        gr.Markdown(\"Look at me...\")\n", "\n", "    text_button.click(flip_text, inputs=text_input, outputs=text_output)\n", "    image_button.click(flip_image, inputs=image_input, outputs=image_output)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
diff --git a/demo/blocks_flipper/run.py b/demo/blocks_flipper/run.py
@@ -1,12 +1,15 @@
 import numpy as np
 import gradio as gr
 
+
 def flip_text(x):
     return x[::-1]
 
+
 def flip_image(x):
     return np.fliplr(x)
 
+
 with gr.Blocks() as demo:
     gr.Markdown("Flip text or image files using this demo.")
     with gr.Tab("Flip Text"):
@@ -24,6 +27,6 @@ def flip_image(x):
 
     text_button.click(flip_text, inputs=text_input, outputs=text_output)
     image_button.click(flip_image, inputs=image_input, outputs=image_output)
-    
+
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()
diff --git a/demo/blocks_mask/colorede.png b/demo/blocks_mask/colorede.png
diff --git a/demo/blocks_mask/image.png b/demo/blocks_mask/image.png
diff --git a/demo/blocks_mask/run.ipynb b/demo/blocks_mask/run.ipynb
@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: blocks_mask"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/lion.jpg\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/lion.webp"]}, {"cell_type": "code", "execution_count": null, "id": 44380577570523278879349135829904343037, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from gradio.components import Markdown as md\n", "\n", "demo = gr.Blocks()\n", "\n", "io1a = gr.Interface(lambda x: x, gr.Image(), gr.Image())\n", "io1b = gr.Interface(lambda x: x, gr.Image(source=\"webcam\"), gr.Image())\n", "\n", "io2a = gr.Interface(lambda x: x, gr.Image(source=\"canvas\"), gr.Image())\n", "io2b = gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())\n", "\n", "io3a = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.Image(source=\"upload\", tool=\"sketch\"),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b2 = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b3 = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3c = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.Image(source=\"webcam\", tool=\"sketch\"),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io4a = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"canvas\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "io4b = gr.Interface(lambda x: x, gr.Paint(), gr.Image())\n", "\n", "io5a = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"upload\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "io5b = gr.Interface(lambda x: x, gr.ImagePaint(), gr.Image())\n", "io5c = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"webcam\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "\n", "\n", "with demo:\n", "    md(\"# Different Ways to Use the Image Input Component\")\n", "    md(\n", "        \"**1a. Standalone Image Upload: `gr.Interface(lambda x: x, gr.Image(), gr.Image())`**\"\n", "    )\n", "    io1a.render()\n", "    md(\n", "        \"**1b. Standalone Image from Webcam: `gr.Interface(lambda x: x, gr.Image(source='webcam'), gr.Image())`**\"\n", "    )\n", "    io1b.render()\n", "    md(\n", "        \"**2a. Black and White Sketchpad: `gr.Interface(lambda x: x, gr.Image(source='canvas'), gr.Image())`**\"\n", "    )\n", "    io2a.render()\n", "    md(\n", "        \"**2b. Black and White Sketchpad: `gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())`**\"\n", "    )\n", "    io2b.render()\n", "    md(\"**3a. Binary Mask with image upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.Image(source='upload', tool='sketch'),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3a.render()\n", "    md(\"**3b. Binary Mask with image upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3b.render()\n", "    md(\"**3c. Binary Mask with webcam upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.Image(source='webcam', tool='sketch'),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3c.render()\n", "    md(\n", "        \"**4a. Color Sketchpad: `gr.Interface(lambda x: x, gr.Image(source='canvas', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io4a.render()\n", "    md(\"**4b. Color Sketchpad: `gr.Interface(lambda x: x, gr.Paint(), gr.Image())`**\")\n", "    io4b.render()\n", "    md(\n", "        \"**5a. Color Sketchpad with image upload: `gr.Interface(lambda x: x, gr.Image(source='upload', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io5a.render()\n", "    md(\n", "        \"**5b. Color Sketchpad with image upload: `gr.Interface(lambda x: x, gr.ImagePaint(), gr.Image())`**\"\n", "    )\n", "    io5b.render()\n", "    md(\n", "        \"**5c. Color Sketchpad with webcam upload: `gr.Interface(lambda x: x, gr.Image(source='webcam', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io5c.render()\n", "    md(\"**Tabs**\")\n", "    with gr.Tab(\"One\"):\n", "        io3b2.render()\n", "    with gr.Tab(\"Two\"):\n", "        io3b3.render()\n", "\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: blocks_mask"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/colorede.png\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/image.png\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/lion.jpg\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/blocks_mask/lion.webp"]}, {"cell_type": "code", "execution_count": null, "id": 44380577570523278879349135829904343037, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from gradio.components import Markdown as md\n", "from PIL import Image\n", "\n", "demo = gr.Blocks()\n", "\n", "io1a = gr.Interface(lambda x: x, gr.Image(), gr.Image())\n", "io1b = gr.Interface(lambda x: x, gr.Image(source=\"webcam\"), gr.Image())\n", "\n", "io2a = gr.Interface(lambda x: x, gr.Image(source=\"canvas\"), gr.Image())\n", "io2b = gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())\n", "io2c = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"canvas\", shape=(512, 512)), gr.Image()\n", ")\n", "\n", "io3a = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.Image(source=\"upload\", tool=\"sketch\"),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b2 = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3b3 = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io3c = gr.Interface(\n", "    lambda x: [x[\"mask\"], x[\"image\"]],\n", "    gr.Image(source=\"webcam\", tool=\"sketch\"),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "\n", "io4a = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"canvas\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "io4b = gr.Interface(lambda x: x, gr.Paint(), gr.Image())\n", "\n", "io5a = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"upload\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "io5b = gr.Interface(lambda x: x, gr.ImagePaint(), gr.Image())\n", "io5c = gr.Interface(\n", "    lambda x: x, gr.Image(source=\"webcam\", tool=\"color-sketch\"), gr.Image()\n", ")\n", "\n", "\n", "def save_image(image):\n", "    image.save(\"colorede.png\")\n", "    return image\n", "\n", "\n", "img = Image.new(\"RGB\", (512, 512), (150, 150, 150))\n", "img.save(\"image.png\", \"PNG\")\n", "\n", "io5d = gr.Interface(\n", "    save_image,\n", "    gr.Image(\"image.png\", source=\"upload\", tool=\"color-sketch\", type=\"pil\"),\n", "    gr.Image(),\n", ")\n", "\n", "with demo:\n", "    md(\"# Different Ways to Use the Image Input Component\")\n", "    md(\n", "        \"**1a. Standalone Image Upload: `gr.Interface(lambda x: x, gr.Image(), gr.Image())`**\"\n", "    )\n", "    io1a.render()\n", "    md(\n", "        \"**1b. Standalone Image from Webcam: `gr.Interface(lambda x: x, gr.Image(source='webcam'), gr.Image())`**\"\n", "    )\n", "    io1b.render()\n", "    md(\n", "        \"**2a. Black and White Sketchpad: `gr.Interface(lambda x: x, gr.Image(source='canvas'), gr.Image())`**\"\n", "    )\n", "    io2a.render()\n", "    md(\n", "        \"**2b. Black and White Sketchpad: `gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())`**\"\n", "    )\n", "    io2b.render()\n", "    md(\"**2c. Black and White Sketchpad with `shape=(512,512)`**\")\n", "    io2c.render()\n", "    md(\"**3a. Binary Mask with image upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.Image(source='upload', tool='sketch'),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3a.render()\n", "    md(\"**3b. Binary Mask with image upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.ImageMask(),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3b.render()\n", "    md(\"**3c. Binary Mask with webcam upload:**\")\n", "    md(\n", "        \"\"\"```python\n", "gr.Interface(\n", "    lambda x: [x['mask'], x['image']],\n", "    gr.Image(source='webcam', tool='sketch'),\n", "    [gr.Image(), gr.Image()],\n", ")\n", "```\n", "\"\"\"\n", "    )\n", "    io3c.render()\n", "    md(\n", "        \"**4a. Color Sketchpad: `gr.Interface(lambda x: x, gr.Image(source='canvas', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io4a.render()\n", "    md(\"**4b. Color Sketchpad: `gr.Interface(lambda x: x, gr.Paint(), gr.Image())`**\")\n", "    io4b.render()\n", "    md(\n", "        \"**5a. Color Sketchpad with image upload: `gr.Interface(lambda x: x, gr.Image(source='upload', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io5a.render()\n", "    md(\n", "        \"**5b. Color Sketchpad with image upload: `gr.Interface(lambda x: x, gr.ImagePaint(), gr.Image())`**\"\n", "    )\n", "    io5b.render()\n", "    md(\n", "        \"**5c. Color Sketchpad with webcam upload: `gr.Interface(lambda x: x, gr.Image(source='webcam', tool='color-sketch'), gr.Image())`**\"\n", "    )\n", "    io5c.render()\n", "    md(\"**Tabs**\")\n", "    with gr.Tab(\"One\"):\n", "        io3b2.render()\n", "    with gr.Tab(\"Two\"):\n", "        io3b3.render()\n", "    md(\"**5d. Color Sketchpad with image upload and a default images**\")\n", "    io5d.render()\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
diff --git a/demo/blocks_mask/run.py b/demo/blocks_mask/run.py
@@ -1,5 +1,6 @@
 import gradio as gr
 from gradio.components import Markdown as md
+from PIL import Image
 
 demo = gr.Blocks()
 
@@ -8,6 +9,9 @@
 
 io2a = gr.Interface(lambda x: x, gr.Image(source="canvas"), gr.Image())
 io2b = gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())
+io2c = gr.Interface(
+    lambda x: x, gr.Image(source="canvas", shape=(512, 512)), gr.Image()
+)
 
 io3a = gr.Interface(
     lambda x: [x["mask"], x["image"]],
@@ -53,6 +57,20 @@
 )
 
 
+def save_image(image):
+    image.save("colorede.png")
+    return image
+
+
+img = Image.new("RGB", (512, 512), (150, 150, 150))
+img.save("image.png", "PNG")
+
+io5d = gr.Interface(
+    save_image,
+    gr.Image("image.png", source="upload", tool="color-sketch", type="pil"),
+    gr.Image(),
+)
+
 with demo:
     md("# Different Ways to Use the Image Input Component")
     md(
@@ -71,6 +89,8 @@
         "**2b. Black and White Sketchpad: `gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())`**"
     )
     io2b.render()
+    md("**2c. Black and White Sketchpad with `shape=(512,512)`**")
+    io2c.render()
     md("**3a. Binary Mask with image upload:**")
     md(
         """```python
@@ -130,7 +150,8 @@
         io3b2.render()
     with gr.Tab("Two"):
         io3b3.render()
-
+    md("**5d. Color Sketchpad with image upload and a default images**")
+    io5d.render()
 
 if __name__ == "__main__":
     demo.launch()
diff --git a/gradio/components.py b/gradio/components.py
@@ -1379,6 +1379,7 @@ def __init__(
         streaming: bool = False,
         elem_id: str | None = None,
         mirror_webcam: bool = True,
+        brush_radius: int | None = None,
         **kwargs,
     ):
         """
@@ -1398,7 +1399,9 @@ def __init__(
             streaming: If True when used in a `live` interface, will automatically stream webcam feed. Only valid is source is 'webcam'.
             elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
             mirror_webcam: If True webcam will be mirrored. Default is True.
+            brush_radius: Size of the brush for Sketch. Default is None which chooses a sensible default
         """
+        self.brush_radius = brush_radius
         self.mirror_webcam = mirror_webcam
         valid_types = ["numpy", "pil", "filepath"]
         if type not in valid_types:
@@ -1446,6 +1449,7 @@ def get_config(self):
             "value": self.value,
             "streaming": self.streaming,
             "mirror_webcam": self.mirror_webcam,
+            "brush_radius": self.brush_radius,
             **IOComponent.get_config(self),
         }
 
@@ -1456,13 +1460,15 @@ def update(
         show_label: bool | None = None,
         interactive: bool | None = None,
         visible: bool | None = None,
+        brush_radius: int | None = None,
     ):
         updated_config = {
             "label": label,
             "show_label": show_label,
             "interactive": interactive,
             "visible": visible,
             "value": value,
+            "brush_radius": brush_radius,
             "__type__": "update",
         }
         return IOComponent.add_interactive_to_config(updated_config, interactive)