745 questions
0
votes
0
answers
67
views
How to scroll down a page containing svg-pan-zoom using swipe
I have a page with a couple of SVG elements employing svg-pan-zoom, as well as text and images in the same page.
I have successfully used hammer.js to implement a pinch-zoom on the SVG elements.
On a ...
0
votes
0
answers
140
views
Pinch and zoom combined with dragging with mouse and touch screen
I'm trying to create the ability, on a touchscreen monitor, to be able to zoom in to a part of an image and be able to drag it around and zoom out from the point the drag ended.
I'm using the GSAP ...
4
votes
2
answers
2k
views
How to enable Vertical Swipe with Hammer.js in Angular 17 (standalone component)
I tried to implement the vertical swipe with Hammer.js and Angular 17 but it's not working.
I'm trying to do a tinder-like app, so I want to be able to swipe right, swipe left and swipe up. I found ...
1
vote
1
answer
843
views
Using Hammer + chart + chart plugin zoom not work in mobile
I am encountering an issue with the drag functionality on mobile devices in a Chart.js chart that utilizes the chartjs-plugin-zoom and hammer.js. The chart works as expected on desktop browsers, but ...
2
votes
0
answers
142
views
Problem with jquery and hammer.js when using
I created a jquery function to be able to scroll a list of items back and forth, and it works perfectly with the mouse wheel.
Now I plan to use hammer.js to apply the same logic with touch, but I am ...
1
vote
0
answers
303
views
What can I do to fix the jerky movement of my swipe animation with Vue 3 and Hammer.js?
I have been trying to achieve this effect for days and I just don't understand what I might be doing wrong or what is coming into play when I do this type of animation. All I want is to detect a click ...
0
votes
0
answers
2k
views
Gesture Swipe in Angular 16 Application Using Hammer js not working
When i upgrade my app to Angular 16, hammerjs config not working with the config below
main.ts
@Injectable()
export class MyHammerConfig extends HammerGestureConfig {
overrides = <any>{
...
0
votes
1
answer
185
views
Browser picking wrong version of hammerjs
I have an angular application where inside package.json file I see hammerjs version as 2.0.8. Inside package-lock.json file also I see the same version info as 2.0.8 only. When I execute the command '...
0
votes
0
answers
93
views
Swipeable react component always starts from same [0.0] position
I'm trying to develop a swipe component using React w/ Redux and hammerjs. The problem is that each time I move my component the position.x and position.y start from [0,0] and not from the current ...
1
vote
0
answers
93
views
How to position image on canvas same as overlaped div of same dimension
I have two div of same dimension which overlap each other using z-index.
Ist div contain image and 2nd div contain a canvas
I am trying to draw image on canvas same place as Ist div. I am using ...
0
votes
1
answer
1k
views
Instagram Story Progress Bar
I'm building something similar to the instagram story function with HTML, TailwindCSS and JavaScript. I have 6 different slides where I'm navigating with touch taps with hammerJS. At the top I have 6 ...
1
vote
0
answers
166
views
Event after swipe fires multiple times hammer.js
I use hammer.js to create a T*nder-Style swiping. After swipe right for love or left for nope, I want to start some scripts. In my approach It actually fires multiple times after swipe to right or ...
0
votes
1
answer
658
views
Hammerjs is not detecting swipe movement
I'm using Hammerjs 2.0.8 with Nuxt, and I can't seem to make it detect swipe motion. Here's how I've done the setup. If I change the recognizer to [Hammer.Pan, { direction: Hammer.DIRECTION_HORIZONTAL ...
1
vote
1
answer
788
views
Can I use hammer.js in react?
Can i use hammer.js in react? this is javascript library. I searched react-hammerjs but it was deprecated. And i searched react-native-web and react-native-gesture-handler. react-native-web is use ...
2
votes
1
answer
954
views
Swipe and click on links with Hammer js
I have Angular 12 application.
There is carousel with images, which are links.
I integrated Hammer JS as expected:
import * as Hammer from 'hammerjs';
export class HammerConfig extends ...