Scrollable and zoomable canvas

AudioKit / Flow

Generic node graph editor

https://www.audiokit.io/Flow/

MIT License

302 stars 17 forks source link

Scrollable and zoomable canvas #12

Closed orchetect closed 2 years ago

orchetect commented 2 years ago

Implement ScrollView to allow scrolling of canvas
- (ideally with scroll offset point as a binding)
Implement MagnificationGesture to scale the canvas in response to trackpad pinch to zoom in/out
- (ideally with scale factor value as a binding)

I have a working proof-of-concept for these with bindings implemented that would need some polish

wtholliday commented 2 years ago

We can't put a Canvas inside as ScrollView, because Canvas renders to a texture which could be too big. Aure and I found this out while working on PianoRoll.

Instead we should apply transformations when rendering and their inverses when processing events

orchetect commented 2 years ago

Related: #1

wtholliday commented 2 years ago

This is now implemented for iOS, but ran into issues on macOS.

wtholliday commented 2 years ago

macOS now working :)

fontno commented 1 month ago

How do you scroll and zoom?