# sd-canvas-editor

**Repository Path**: stable_diffusion/sd-canvas-editor

## Basic Information

- **Project Name**: sd-canvas-editor
- **Description**: 一个全功能的画布编辑器，你可以使用图层、文本、图像、元素等。that integrated a full capability canvas editor which you can use layer, text, image, elements, etc
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://github.com/jtydhr88/sd-canvas-editor
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-04-17
- **Last Updated**: 2023-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Stable Diffusion WebUI Canvas Editor
A custom extension for [AUTOMATIC1111/stable-diffusion-webui](https://github.com/AUTOMATIC1111/stable-diffusion-webui) that integrated a full capability canvas editor which you can use layer, text, image, elements and so on, then send to ControlNet, basing on [Polotno](https://polotno.com/).  
![1.png](doc/images/overall.png)
![controlnet.png](doc/images/controlnet.png)

## Installation
Just like you install other extension of webui:
1. go to Extensions -> Install from URL
2. paste this repo link
3. install
4. go to Installed, apply and restart UI

or you can just find it from Extensions-> Available, and load the offical index URL, this extension is already included in it:
<img width="741" alt="image" src="https://user-images.githubusercontent.com/860985/231926610-0b096e92-68d8-4f90-9ec1-7727ce111356.png">

## Key Feature
1. Full capability image editor, such as Effects, Crop, Position, Lock, etc
2. Templates![templates.png](doc/images/templates.png)
3. Text![text.png](doc/images/text.png)
4. Photos![photos.png](doc/images/photos.png)
5. Elements![elements.png](doc/images/elements.png)
6. Upload![upload.png](doc/images/upload.png)
7. Background![background.png](doc/images/background.png)
8. Layers![layers.png](doc/images/layers.png)

## Further Plan
1. rebuild Polotno
2. Send image to img2img, Sketch, Inpaint, etc
3. Pen and eraser support
4. connect to Segment Anything to segment image
5. any suggestions or requirements are welcome

## Polotno API Key
I included my Polotno api key, notice it only supports local environment (localhost or 127.0.0.1) for non-commercial purpose.
It is easy to create your own free api key from [Polotno API](https://polotno.com/cabinet), then you can replace mine from webui Settings -> Canvas Editor

## Credits
Created by [jtydhr88](https://github.com/jtydhr88) basing on [Polotno](https://polotno.com/).

## My other extension for stable diffusion webui
- [3D Model/pose loader](https://github.com/jtydhr88/sd-3dmodel-loader) A custom extension for AUTOMATIC1111/stable-diffusion-webui that allows you to load your local 3D model/animation inside webui, or edit pose as well, then send screenshot to txt2img or img2img as your ControlNet's reference image.