StableCanvas.com is a professional AI drawing editor, aimed at providing a more suitable creative experience for AI painting. No download or installation required, start instantly in your browser, making the AI-driven image creation process more efficient and streamlined.
As StableCanvas is not fully open source, this repository can serve as a place for bug reports, feature requests, and general discussions.
- Backend Support: Compatible with using webui or comfyui as the backend
- Script Presets Support: Customize JavaScript scripts to interface with different backends
- User-friendly Operation: Easily perform inpainting and outpainting
- Infinite Canvas: Unlimited expansion of canvas size, enabling you to create boundless works within a single project (as long as your computer can handle it)
- Drag-and-drop Layout: Workspace layout that's adjustable by dragging
- Canvas Elements: Independent show/hide and pin/unpin functionality for elements on the canvas
- Latent Control: Control over all latents applicable to SD generation (mainly CNet modules)
- Pose Editor: Fully integrated pose editor
- Editable animal poses
- Complete pose data support, allowing for the editing of body, face, and hand data
- Application Replay: All configurations can be imported and exported
- Unified export of all feeds as a
.zipfile
- Unified export of all feeds as a
- Project Files: Support for saving application states as
.scdproject files, similar to.psd - Plugin System: Extensible plugin system
- Development Tools: Rapid development of extension tools; you simply need to write an HTML
- Using the
@stable-canvas/sdkpackage, you can link your tools to the main program
- Using the
| No. | Category | Shortcut | Function |
|---|---|---|---|
| 1 | Global Shortcuts | Ctrl + S | Save the current editor status to the project document file |
| 2 | Ctrl + Z | Undo | |
| 3 | Ctrl + Y | Redo | |
| 4 | Ctrl + K | Open Command Palette | |
| 5 | Middle Mouse Click | Drag the viewport | |
| 6 | Ctrl + Mouse Wheel | Move the viewport on the Y-axis | |
| 7 | Shift + Mouse Wheel | Move the viewport on the X-axis | |
| 8 | Alt + Mouse Wheel | Zoom the viewport | |
| 9 | Move Tool | W/A/S/D | Move the viewport |
| 10 | Q/E | Zoom the viewport | |
| 11 | Shift + W/A/S/D | Fast move the viewport | |
| 12 | Lasso Tool | Shift | Invert mask brush |
This program recommends using AUTOMATIC1111's webui as the backend, as it is nearly the de facto standard within the stable diffusion open-source community.
It's quite straightforward to set up AUTOMATIC1111's webui as the backend, generally following these steps:
- Clone the AUTOMATIC1111 webui repository
- (Recommendation: use the version 1.8.0; version 1.9.x has not been fully tested with this program and compatibility is not guaranteed)
- Download and configure your models, lora, and embeddings
- KEY STEP: When starting, be sure to add
--cors-allow-originsand--apito your start-up parameters- You can configure it as
--cors-allow-origins=* - Or support this program only
--cors-allow-origins=studio.stablecanvas.com
- You can configure it as
- Open this program, in the
Servicemenu insideClients, configure and test whether your backend is connected
Due to the convenience of ComfyUI development, many have migrated from webui to use ComfyUI. Of course, calling ComfyUI from this program is also very straightforward.
Configure startup parameters:
- Add
--enable-cors-header=*to your ComfyUI startup options to allow StableCanvas to call the API through the web.
Configure workflow: There are three ways to configure ComfyUI Workflow:
- Use the built-in ComfyUI preset
- This program comes with one ComfyUI preset, you just need to configure the backend address.
- Customize your ComfyUI preset
- With the convenience of ComfyUI, you can fully customize a new workflow for calling from this program.
- You can refer to the following Workflow for further development:
Note that during editing, preserve the <%- slot_name %> string slots, which will be replaced with the request content at the time of the API call.
When you decide to configure ComfyUI on your own, keep in mind that ComfyUI does not support some common programming nodes... So you might need to configure three sets of workflows to use this program seamlessly. Details can be checked in the ComfyUI Demo code.
- Write your custom call script
- If you need a completely custom backend call (such as using your custom python backend), you can start from scratch and write the preset script.
More details will be introduced in the preset section of welcome.en.md.