I'm trying to create a multi touch web application, but I cannot get any desktop browser to receive multi touch events - only "click events". (It works on my iPhone where).
The only working example of a multi touch web application I've seen is Google Maps in IE9 on Windows 7 where you can pinch to zoom using two fingers. (It doesn't work in Chrome or FireFox).
Does anyone know how to create multi touch enabled websites for desktop browsers?
Br,
Related
An AR project I'm working on splits functionality between PC, iPhones, and Androids. On PC it provides a QR to scan, on iPhones it launches quick-look, and on Androids it launches scene-viewer. The issue is that due to how Microsoft Surface devices are made/setup, they are sometimes read as mobile or tablet devices. Because of this my project attempts to launch quick-look or scene-viewer for AR, but naturally Surface devices have no such functionality.
I've thought of using pointers to detect if the device has a touch screen and is running Windows, but the issue is that that would detect all laptops with touch screens. I also attempted to use window.navigator, but it appears this is deprecated and I couldn't get it to work. Is there another way to detect if a device is specifically a Microsoft Surface device, so I can disable the AR functionality entirely for those devices?
Perform a pinch operation on the Google Maps Custom Controls, Pinch does not work.
How can I change the zoom of the map in a pinch?
Example
https://map-sample-dot-cp300demo1.appspot.com/sample/index.html
Environment
Chrome version 50.0.2661.102 m
Microsoft Windows 10 Version 1511(OS Build 10586.318)
The Google Maps JavaScript API has been designed to load quickly and work well on mobile devices. Mobile devices have smaller screen sizes than typical browsers on the desktop. As well, they often have particular behavior specific to those devices (such as "pinch-to-zoom"). For more information and sample code visit this link.
Try to follow the steps here in this discussion to work the pinch in Microsoft Surface.
Steps we Followed:
Launch the Win8.1 VDA on a Surface pro1 / HP Elite Pad in Windowed mode.
Open the IE browser within the session and open Google Maps .
Try to Pinch / Zoom the google Maps within the desktop session.
Also try to check this SO question for more information.
Dygraphs is awesome to use in the desktop browser.
There is rollers.
You can do shift+drag to pan.
You can select a part of the graph to zoom by using click and drag.
The bad part is none of these work on a mobile chrome browser.
It says in the website that it can allow pinch.
When I tried pinching, there is heavy delay, and it goes haywired.
There is no rollers showing in the mobile version as well.
How do I use dygraphs in the mobile browser as well as the one in the desktop browser?
I am creating an application that allows users to draw on the screen using the HTML5 Canvas tag.
This works great when using a mouse, and I even got it working on android using jquery touch.
The problem comes when using a windows 7 or 8 tablet. The reason for why it wont work is simple, the browser tries to scroll instead of mousedown and drag.
The reason why it works on android and not windows is due to the fact that android supports ontouchstart and ontouchend while I can't get it to work on windows tablets.
So, is there any way to get the browser to stop trying to scroll and draw on the screen?
Thanks.
I'm developing online map(like google maps) of cool fantasy world. I'm also use OS X on my main computer. Since OS X(especially Lion) are focused on different multi-touch gestures because almost of all mac users have a multi-touch input device(magic mouse or trackpad) I want to add support of pinch gesture to my online map(two-finger scroll would be cool to add too). Is it possible to do it? It's not bad if it will work only in some specific browser or web engine.
According to this question, it looks like firefox offers some support for multitouch gestures (see here), but other major browsers do not.
recently I've been developing webapplication for iPad using my PC and Chrome, it used a pinch feature. I found a way how to emulate touch and multi-touch feature on a desktop browser, posted my results on github here https://github.com/dgolovanev/mxTouch still does not supports predefined gestures but can handle touch and multi-touch events, hope it will be helpful