キャンバスイベントライブラリを探しています本当にクロスプラットフォーム

Question

私はHTML5アプリケーションを開発していますが、デスクトップとモバイルプラットフォームの両方に適したキャンバス要素の入力を処理するJSライブラリを探しています（そうでなければ、HTML5のポイントは何ですか？ ）

基本的には、ドローイングのようなアプリケーションなので、ドラッグする必要があります。ドラッグはキャンバス内を移動するためにも使用されます（これはモバイルフレンドリで、スクロールバーはありません）。私がkinetic.jsと同様のを知っている

すぎ、ズームピンチをサポートする場合、それはいいだろうが、彼らは

Answer 1

キャンバスの要素を持っていないモバイルおよびデスクトップ用に別のライブラリを持っているようだ、またサークルを行いますたとえば、キャンバス上に描かれたイベントは、それに付随しています。これは、DOMでの作業とはまったく異なります。

キャンバスに描画する各「要素」のx/y位置を追跡する必要があります。マウスまたはタッチイベントが発生した場合は、そのイベントのx/y位置を取得し、あなたのキャンバス '要素'のx/yの位置に合わせてください。

しかし、入力のx/y位置（マウス/タッチ）がx/y座標と正確に一致する必要がないように、基本的な衝突検出も少し必要です。あなたのキャンバス '要素'のyの位置。

タッチイベントがサポートされているモバイルデバイスを使用している場合、Kineticを使用すると、「mousedown」、「mouseup」、「click」などのイベントを簡単に検出できます。

var _START, _MOVE, _END; 
if('ontouchstart' in window) { 
    _START = 'touchstart'; 
    _MOVE = 'touchmove'; 
    _END = 'touchend'; 
} 
else { 
    _START = 'mousedown'; 
    _MOVE = 'mousemove'; 
    _END = 'mouseup';   
} 

...キネティックのaddEventListener関数で_START/_MOVE/_ENDを使用してください。

多少役に立ったと思っています。もちろん、グローバル変数の設定には注意が必要ですが、一般的には悪い方法ですが、これは一例に過ぎません。

キネティックはhereであり、タッチイベントとジェスチャーイベント（ピンチ/ズームのジェスチャー）の書き込みが良好ですhere