Adjust brush size with hotkeys

[WebDev9000]

Description

Allows the brush size on the canvas to be adjusted via [ and ] Edit: Q and W keys
(Changed due to console error with non a-z keys)

Screenshots/videos:

Checklist:

• I have read contributing wiki page
• I have performed a self-review of my own code
• My code follows the style guidelines
• My code passes tests

[w-e-w]

not objecting but isn't scroll wheel enough?

---

if the hotkey is going to be added it they should be corresponding option to disable the hotkey

stable-diffusion-webui/extensions-builtin/canvas-zoom-and-pan/scripts/hotkey_config.py

Line 14 in cf2772f

"canvas_disabled_functions": shared.OptionInfo(["Overlap"], "Disable function that you don't use", gr.CheckboxGroup, {"choices": ["Zoom","Adjust brush size", "Moving canvas","Fullscreen","Reset Zoom","Overlap"]}),

and the [ ] keys should be configurable similar to other hotkeys keys

---

cc: @daswer123

he's the person that made Canvas Zoo

[WebDev9000]

not objecting but isn't scroll wheel enough?

• I prefer hotkeys as small adjustments are easier
• it's easier to not move the brush location in the process
• It's intuitive if you're use to standard paint apps
• If you're using a tablet to sketch, you won't have a scroll wheel
• It's just another shortcut to do what Gradio already does on the UI, like all the others.

if the hotkey is going to be added it they should be corresponding option to disable the hotkey
and the [ ] keys should be configurable similar to other hotkeys keys

Honestly didn't know these sections existed, I'll see about adding in the configs.
It looks like I accidentally used "defaultHotkeysConfig" instead of "hotkeysConfig". I'll change that as well.

[w-e-w]

not objecting but isn't scroll wheel enough?

I prefer hotkeys as small adjustments are easier

okay fair enough, like I said I don't have objections just curious

If you're using a tablet to sketch, you won't have a scroll wheel

well, depends on your tablet mine does have scroll wheel, good point that not every tablet has a screw wheel

Honestly didn't know these sections existed, I'll see about adding in the configs.
It looks like I accidentally used "defaultHotkeysConfig" instead of "hotkeysConfig". I'll change that as well.

👍

[WebDev9000]

okay fair enough, like I said I don't have objections just curious

No worries, it probably just comes down to hardware and preference. My mousewheel isn't very accurate, and my tablet doesn't have a scrollwheel.

The config changes are in and tested...

everything works - disabling, changing hotkeys, but I've hit a snag:

When set back to [ and ] there is a console error:

zoom.js?1705224988.3909583:136 Hotkey: [ for canvas_hotkey_shrink_brush is not valid. The default hotkey is used: BracketLeft
zoom.js?1705224988.3909583:136 Hotkey: ] for canvas_hotkey_grow_brush is not valid. The default hotkey is used: BracketRight

However, the keys function fine.

I can add [ and ] to the valid test by adjusting Zoom.js line 84 /[a-z]/i.test(value)) || to /[a-z\[\]]/i.test(value)) ||, which will get rid of the console log, but then the keys will not actually work, I believe because it needs BracketLeft and BracketRight instead, which they fallback to above.

I'm open to suggestions. One option is to let them fallback, and if the keys are [ or ], don't display the error.
A simple option is to just use different keys instead of [ and ], like Q and W.

@daswer123 - any ideas on allowing [ and ] via the config?

[WebDev9000]

I want to leave this PR in a good state, so I've switched the default keys to Q and W.
Personally I prefer [ and ] as it's more standard, but this should resolve any outstanding issues.

[alexbofa]

Hello, Canvas Zoom had this feature built in commit 120f46e but it was done on the [ ] keys in the same way as in photoshop

@daswer123 Pay attention to this PR