niimblue icon indicating copy to clipboard operation
niimblue copied to clipboard

Zooming in and out on the label

Open Tricked-dev opened this issue 1 year ago • 9 comments

Would be nice if you can zoom in and out on the label so that it can take more space on your screen etc.

Tricked-dev avatar Nov 10 '24 09:11 Tricked-dev

I'm not sure if that's possible with fabricjs.

MultiMote avatar Nov 10 '24 15:11 MultiMote

I found this example on their old website the link is now dead. but looking at the code it seems like this would require a big refactor of the image editor implementation.

Tricked-dev avatar Nov 10 '24 16:11 Tricked-dev

This example illustrates how to zoom in/out canvas contents. I think we need to scale canvas itself.

MultiMote avatar Nov 10 '24 16:11 MultiMote

why not make the label itself a canvas item?

Tricked-dev avatar Nov 10 '24 16:11 Tricked-dev

Solution must be suitable both PC and mobile users. On mobile, how to separate object selection/dragging and canvas panning? How to manage canvas resizing to device width?

I've added it to TODO list, but I don't know how to implement it in a way that's user-friendly. If you figure out a way to implement it, feel free to create a PR.

MultiMote avatar Nov 10 '24 17:11 MultiMote

On the niimbot mobile app the dragging the canvas around etc seems to work pretty well but translating this to fabric does sound like a real challenge i agree

Tricked-dev avatar Nov 10 '24 17:11 Tricked-dev

They sacrificed multiple selection 🙂

MultiMote avatar Nov 10 '24 17:11 MultiMote

thats fine on mobile imo (that over having multi select) but on pc you kinda want both

Tricked-dev avatar Nov 10 '24 17:11 Tricked-dev

Partially implemented in https://github.com/MultiMote/niimblue/pull/59

MultiMote avatar Nov 29 '24 10:11 MultiMote