search

josephernest / bigpicture.js

bigpicture.js is a Javascript library that allows infinite panning and infinite zooming in HTML pages.
https://josephernest.github.io/bigpicture.js/index.html
MIT License
809 stars 58 forks source link

Let move a selected text between zoom levels #7

Open webanck opened 9 years ago

webanck commented 9 years ago

Hi,

Trying bigpicture, I thought it would be awesome to be able to grab a text between zoom levels. I tried it but currently, the grabed text seems to keep the same size when zomming in or out.

What do you think?

josephernest commented 9 years ago

Hi @webanck ! I'm not sure to understand exactly what you mean: can you give an example? Do you mean changing the textbox's size?

webanck commented 9 years ago

Hey, quick answer! Yes, it's about the textbox's size.

What I mean is that you can currently move a text around in the pad, you can change it's place in the pad but not it's scale. When scrolling to zoom in or out, it could be interesting to keep the relative scale of the selected text, thus making it bigger (in the pad's world) when zooming out and smaller when zooming in.

tomByrer commented 9 years ago

So when a textbox has focus or is centered, all the other objects change size but that one?

webanck commented 9 years ago

@tomByrer What do you mean about focus or center? By selected I meant the "ctrl+click" feature which let drag text. But yes, all the other objects change size (in the screen world) but that one (which change size in the pad's world).

brodavi commented 9 years ago

I like that idea @webanck. So currently just clicking on the text edits it. Ctrl-clicking and dragging moves the text. Perhaps simply Ctrl-clicking on text 'selects' it, or 'pins' it. Then you could pan around, zoom in and out, and then 'un-pin' it at whatever x y coordinate and zoom level you are in, and it will stay put. What do you think, @josephernest ?