|
# @gradio/icons |
|
|
|
## 0.3.2 |
|
|
|
### Features |
|
|
|
- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook. Thanks [@hannahblair](https://github.com/hannahblair)! |
|
|
|
## 0.3.1 |
|
|
|
### Fixes |
|
|
|
- [#6572](https://github.com/gradio-app/gradio/pull/6572) [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50) - Improve like/dislike functionality. Thanks [@hannahblair](https://github.com/hannahblair)! |
|
|
|
## 0.3.0 |
|
|
|
### Highlights |
|
|
|
#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)) |
|
|
|
A brand new component, completely separate from `Image` that provides simple editing capabilities. |
|
|
|
- Set background images from file uploads, webcam, or just paste! |
|
- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc) |
|
- Paint on top of any image (or no image) and erase any mistakes! |
|
- The ImageEditor supports layers, confining draw and erase actions to that layer. |
|
- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images. |
|
- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised. |
|
|
|
<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video> |
|
|
|
```py |
|
|
|
def fn(im): |
|
im["composite"] # the full canvas |
|
im["background"] # the background image |
|
im["layers"] # a list of individual layers |
|
|
|
|
|
im = gr.ImageEditor( |
|
# decide which sources you'd like to accept |
|
sources=["upload", "webcam", "clipboard"], |
|
# set a cropsize constraint, can either be a ratio or a concrete [width, height] |
|
crop_size="1:1", |
|
# enable crop (or disable it) |
|
transforms=["crop"], |
|
# customise the brush |
|
brush=Brush( |
|
default_size="25", # or leave it as 'auto' |
|
color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it |
|
default_color="hotpink", # html names are supported |
|
colors=[ |
|
"rgba(0, 150, 150, 1)", # rgb(a) |
|
"#fff", # hex rgb |
|
"hsl(360, 120, 120)" # in fact any valid colorstring |
|
] |
|
), |
|
brush=Eraser(default_size="25") |
|
) |
|
|
|
``` |
|
|
|
Thanks [@pngwn](https://github.com/pngwn)! |
|
|
|
## 0.2.1 |
|
|
|
### Fixes |
|
|
|
- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio. Thanks [@hannahblair](https://github.com/hannahblair)! |
|
|
|
## 0.2.0 |
|
|
|
### Features |
|
|
|
- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component. Thanks [@pngwn](https://github.com/pngwn)! |
|
- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)! |
|
|
|
## 0.2.0-beta.3 |
|
|
|
### Features |
|
|
|
- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)! |
|
|
|
## 0.2.0-beta.2 |
|
|
|
### Features |
|
|
|
- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component. Thanks [@hannahblair](https://github.com/hannahblair)! |
|
|
|
## 0.2.0-beta.1 |
|
|
|
### Features |
|
|
|
- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)! |
|
|
|
## 0.2.0 |
|
|
|
### Features |
|
|
|
- [#5699](https://github.com/gradio-app/gradio/pull/5699) [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2) - Improve chatbot accessibility and UX. Thanks [@hannahblair](https://github.com/hannahblair)! |
|
|
|
## 0.1.0 |
|
|
|
### Highlights |
|
|
|
#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)) |
|
|
|
Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)! |