kode-team / easylogic.studio

Fantastic Web Design Tool
https://editor.easylogic.studio
MIT License
494 stars 54 forks source link

Mouse pan/zoom #95

Closed danielmeloalencar closed 3 years ago

danielmeloalencar commented 3 years ago

Please consider the pan / zoom feature using the mouse. As it is, it is currently not very good. Consider this: https://www.jqueryscript.net/zoom/jQuery-Plugin-For-Panning-Zooming-Any-Elements-panzoom.html

danielmeloalencar commented 3 years ago

As it is, we lose a lot of productivity

easylogic commented 3 years ago

@danielmeloalencar

I implemented panzoom.

Please test it on https://editor.easylogic.studio.

Thanks.

danielmeloalencar commented 3 years ago

Very well. How to use the pan? I can only zoom, using CTRL + SCROLL

easylogic commented 3 years ago

@danielmeloalencar

I implemented it on wheel event.

ctrl + wheel or trackpad zoom event are zooming.

Only wheel event is panning.

Because I have only mac book pro, I couldn't implement on all devices.

If you have any good ideas on how to panzoom, please share.

Let's consider how to implement it.

easylogic commented 3 years ago

@danielmeloalencar

I added a feature to panning by space key + drag.

Please test it on https://editor.easylogic.studio .

Thanks.

danielmeloalencar commented 3 years ago

WOW! Now is perfect! Thank you!