2010-11-14 9 views
11

Gibt es Webbrowser, die Stift/Stift-spezifische Ereignisse (wie Druck) für das DOM verfügbar machen, ähnlich wie bei der RealTimeStylus-API von Microsoft?Stift-/Stylus-Unterstützung in Webbrowsern

Gibt es dafür eine Standard-DOM-Schnittstelle? Wenn nicht, gibt es proprietäre Erweiterungen, die dies erlauben, vielleicht mit einem Plugin?

+0

Ich habe nach etwas gesucht, ähnlich: oder auch die Möglichkeit, Tags zu verwenden (oder greifbare Tags, RFIDs), die erkannt werden. Hast du etwas gefunden? – vzer

Antwort

1

Kein Browser stellt derzeit solche APIs zur Verfügung.

Je nach Stift-/Digitizer-Treiber können die Stift-Ereignisse jedoch wie Touch-Ereignisse aussehen, die in vielen Browsern implementiert wurden. Sie können dies in Chrome und Firefox (über Firebug) mit der monitorEvents-Funktion in ihren Konsolen testen. Einfacher Anruf:

monitorEvents(document); 

In der Konsole, dann sehen, ob der Browser das gewünschte Ereignis erfasst. Ich habe dies mit meinem eigenen Lenovo X200 Tablet versucht, aber keine der nicht standardmäßigen Ereignisse aus meinem Stift registrieren (sie alle erscheinen als Mausereignisse).

Ich kenne keine Erweiterungen von Drittanbietern, die dies zulassen, und eine Google-Suche zeigt nichts Nützliches.

+0

Ich habe eine Antwort hinzugefügt, um ein Update zu diesem Thema zu geben. Lasst uns die Daumen drücken! –

1

Hier ist eine mögliche Arbeitslösung mit einem Polyfill: hand.js.

Sehen Sie diese große MSDN article on the hand.js.

Ich empfehle, eine Bibliothek zu verwenden, um Pfade zu glätten. Ich hatte viel Glück bei der Implementierung von etwas in paper.js, wenn ich mit Berührung auf meinem HP Tablet spiele, kann ich mir nicht vorstellen, dass es zu schwer wäre, die Punkte an die Druckempfindlichkeit anzupassen.

Es gibt Unterstützung für es in HTML5 Windows 8 Anwendungen. Leider wurde diese API nicht den tatsächlichen Browsern AFAIK ausgesetzt.

Es sieht so aus, als ob es eine W3C recommendation in der Pipeline gibt, die darauf zu basieren scheint. Es scheint, als ob sie an der Empfehlung basierend auf der drafts stored in their repo arbeiten.

Siehe Quickstart: Capturing ink data (HTML) über die Verwendung in Windows 8-Anwendungen.

0

Dies ist möglicherweise kein sehr praktischer Vorschlag oder etwas übertrieben, aber wenn es APIs/SDKs gibt, die den Stift/Stift dem Desktop aussetzen, könnten Sie einen Webservice-Anwendungstyp erstellen, der eine Seite real aktualisiert Zeit mit der Eingabe vom Gerät. Ich habe jedoch keinen Code, um Ihnen dabei zu helfen, noch weiß ich, ob es möglich wäre, dies ohne unmögliche Verzögerung zu tun.

+0

Außerdem können Sie die beiden Ansätze kombinieren: Verwenden Sie einen Webservice, um Ihre Webanwendung mit Druckinformationen zu versorgen, und ein unterstütztes Plug-in/eine Bibliothek, um die verbleibenden Eingaben zu verarbeiten. –

1

Wenn der Browser die Unterstützung für "pointerevent.pressure" implementiert, sollte er in der Lage sein, druckempfindliche Eingaben zu unterstützen. Für Neigungen und Wendungen wären die entsprechenden Merkmale "ponderevent.tiltx", "pointerevent.tilty" und "pointerevent.twist".

See for more information.

+0

https://www.youtube.com/watch?v=teYo5U2DoMA – user643011