Comments (2)
Found a solution that doesn't require separate div. Simply added a factor for faster zoom while using only one-finger touch:
var getCoordsSingle = function(t){
var oX = elem.offsetLeft;
var oY = elem.offsetTop;
var x = (t[0].pageX - oX) * 12; // Factor for faster pan, the higher the further the panning.
var y = (t[0].pageY - oY) * 12;
. . .
Seems simple enough but this way the thumb doesn't need to travel more than a centimeter while holding an iPad with two hands in order to pan the element. And when using two fingers however, the panning length/speed returns to its default, which allows more precise panning while rotating.
from zoom.
Glad it works, my thought process was finger should map to previous and current positions. It makes sense one may need faster zooms.
from zoom.
Related Issues (19)
- Could you add explanation. HOT 6
- Max and Min Scale HOT 25
- select multiple IDs HOT 4
- Can i add control HOT 1
- Verify and release in flight touch changes project.
- disable pan and button click not working HOT 9
- is it possible set zoom by js code and fix it? HOT 2
- no not work HOT 3
- Scaling limits and panning boundaries prototype HOT 1
- Licence HOT 2
- can you better document the API and the event ? HOT 1
- Version on NPM not updated to 1.0.7 HOT 5
- Need mouse wheel features HOT 1
- Unable to test in mobile device HOT 1
- I want to get rid of the one-finger touch feature.
- http://anitasv.github.io/zoom/ is 404 HOT 2
- Configurability HOT 6
- After rotate, pan is broken HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from zoom.