1580158
/
canvas-zoom
mirror of https://github.com/richrobber2/canvas-zoom.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add back normal support... oops

pull/105/head
richrobber2 2024-02-17 20:59:57 -08:00
parent e3e5817a0d
commit fa1acfce2c
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
javascript/canvas-zoom.js
View File

@ -781,25 +781,38 @@ onUiLoaded(async () => {
}
/**
* Adjusts the brush size based on pressure sensitivity.
* Adjusts the brush size based on deltaY or pressure sensitivity.
* @param {string} elemId - The element ID where the brush is used.
* @param {number} deltaY - The change in brush size (not used in this version).
* @param {number} deltaY - The change in brush size due to mouse wheel movement.
* @param {boolean} withoutValue - Whether to ignore the deltaY value.
* @param {number} percentage - The percentage change of the brush size (not used in this version).
* @param {number} pressure - The pressure sensitivity value from 0.0 to 1.0.
* @param {number} percentage - The percentage change of the brush size.
* @param {number} [pressure] - Optional. The pressure sensitivity value from 0.0 to 1.0.
*/
function adjustBrushSize(elemId, deltaY, withoutValue = false, percentage = 5, pressure = 0.5) {
function adjustBrushSize(elemId, deltaY, withoutValue = false, percentage = 5, pressure) {
const input = gradioApp().querySelector(`${elemId} input[aria-label='Brush radius']`);
if (input) {
let newValue;
const minValue = parseFloat(input.getAttribute("min")) || 1;
const maxValue = parseFloat(input.getAttribute("max")) || 100;
// Use pressure to interpolate between min and max brush size.
const newValue = minValue + (maxValue - minValue) * pressure;
input.value = Math.min(Math.max(newValue, minValue), maxValue);
input.dispatchEvent(new Event("change"));
if (pressure !== undefined) {
// Use pressure to interpolate between min and max brush size if pressure is provided
newValue = minValue + (maxValue - minValue) * pressure;
} else if (!withoutValue) {
// Otherwise, adjust the brush size based on deltaY
const changeAmount = maxValue * (percentage / 100);
newValue = parseFloat(input.value) + (deltaY > 0 ? -changeAmount : changeAmount);
}
// Ensure the new value is within the allowed range
if (newValue !== undefined) {
input.value = Math.min(Math.max(newValue, minValue), maxValue);
input.dispatchEvent(new Event("change"));
}
}
}
// Reset zoom when uploading a new image
const fileInput = gradioApp().querySelector(
`${elemId} input[type="file"][accept="image/*"].svelte-116rqfv`