hammerjs.github.io | Website - To release a new version of Hammer

I create the button through js and add it to the html when the user opens it adds a product to my order and adds a button to remove the same product, and it is in that button that I am giving the problem. The button has the class deletePrato but as it reads the .click () before creating the button it is not reacting as I want

I've noticed when using Hammer-time.js for zoom events that there is a noticeable lag in the pinch zoom event if you go from pinch in to pinch out (or vice versa) without taking your fingers off the screen.

I have only tested this on Android as I only have an Android phone and tablet available.

Often the zoom will continue to go in before turning around and going out again even though the user has reversed the action. Its obvious when zooming into something like a photograph using this method.

The jQuery code I am using is as simple as I can make it for the demonstration:

I'm trying to capture swipe gestures on the entire screen of my application. The idea is to have these dispatch actions that other services can listen to, in this case a router for navigation purposes.

Because I only want these listeners in one place I tried attaching them to the body or to a div covering the screen of my app. Both methods don't work as I want.

I have a working markup and script to track horizontal swipes on a container using Hammer.js:

This is what I had and it was working, it was bounded to progress method and it was displaying correctly:

Setup

• ruby 2.3.3p222 (2016-11-21 revision 56859) [i386-mingw32]
• appium_lib (9.4.9)
• selenium-webdriver (3.4.0)
• touch_action (1.3.3)
• watir (6.3.0)
• Selenium Standalone server v3.4.0
• appium-desktop-Setup-1.1.0-beta.4
• Nexus 5 phone is connected to the PC via USB Appium server registers as a node to selenium-grid node (that all works fine)

Wanted action/step to perform

• I want to perform a tap on an element (instead of a click)
• While using selenium-webdriver version >=3.4.0

IRB

I appreciate this is not strictly a code question - but I've not quite got to that point - let me explain...

I have a requirement to enable a user to draw (as simple freehand lines) onto an large image - and be able to zoom, pan and pinch (on an iPad).

This is driving me a bit crazy. I've looked at so many libraries, code samples, products etc and there seems to be nothing out there that meets this requirement i.e. drawing (one touch) WITH (multi-touch) pinch, zoom, pan. Lots of paint.net, signature captures etc, but nothing that supports the multi-touch bit.

I have tried to adapt various libraries to acheive what I want (e.g. combining an old version of sketch.js with hammer.js) but to be honest I've struggled. I do suspect that I will have to write my own at the end of the day and use something like hammer.js (excellent by the way) for gestures.

Anyway just in case someone out there has come across a library that might fit my needs or can point me in the right direction that would be appreciated.

Feel free to give me a hard time for avoiding coding it myself ;-)

I've implemented HammerJS in my Angular2 webapp and I've also tested the example code out. This code uses an Array of objects and seems to work flawlessly. However, I've been trying to implement the same system for @angular2-material/tabs. Therefore I have a with multiple 's which should swipe from tab to tab. Problem is that I can't even trigger the swipe function.

HTML-File:

I need to build a kind of map in canvas, which must be able to hold more than 10.000 elements and thus has quiet big dimensions in some cases (> 8000px width, >4000 px height). Also I need to pan and zoom the map. After some fiddeling around with existing libraries (Paper.js) and possible other solutions (Leaflet Map) I eventually wrote an own library from scratch, because the main requirement is, that is should be really really fast (loading, mouseovers, ...) and none of the libraries I tried could offer all of the aspects.

The structure is as follows:

• I have one map object with an associated Control object, which registers events and has resize methods etc.
• A map is divided in mutliple even sized tiles (1024px x 1024px - customizable) because using the map with only one canvas at a size over 8000px width made it incredibly slow
• Each tile is associated with a canvas
• The elements (just circles) are added to one or multiple tiles (If it's on the edge) - more specifically to the tiles' canvas.
• The tiles are placed within an container div which has the dimensions of the map area (when not zoomed out)
• The container div is placed within a viewport div to enable the map being displayed as a "widget"
• Zooming scales every tile/canvas and the container. For sake of performance I sacrificed smooth zoom and implemented a customizable amount of zoom steps, which still feels okay.
• Panning set's the topand left style of the container.
• Events used are window.resize, mousewheel, DOMMouseScrol, mousedown, mouseup, mousemove, touchstart,touchend,touchmove and Hammertime pinch

This alltogether runs satisfying on Desktop Browsers, and iPhones (tested with SE, 6S) but on every Android device I tested it (Samsung S4, One Plus One and another 1 year old device, and android studio emulator) it runs extremly slow. Drawing of the Map is fine in speed, but zooming and panning is near to impossible.

The code is too comprehensive to post it here, so I'm asking you if there are any known problems with canvas on android, that could explain this problem, or maybe some issues with the way I built the structure that could produce issues with android. I'm really clueless here, since it works on desktop and iPhone.