サーバによって予期されるストロークタイプは、整数の両方の配列を含むx、y属性を持つjsonオブジェクトです。これらの値は、デバイスのタッチスクリーンに書き込む間のユーザー入力のx、y座標を表します。 JSONストロークタイプ構造のオプションの 't'属性としてタイムスタンプを収集して追加することができます。
myscript-math-web、myscript-text-web、またはMyScriptJSのWebコンポーネントを使用して、キャンバス内でユーザーインクの取り込みとレンダリングを管理することができます。
あなた自身も手書きでグラブすることができます。この場合は、ユーザーのタッチスクリーンイベント、つまりポインタイベントを管理するのに役立つ(jquery PEP)[https://github.com/jquery/PEP](ポインタイベントポリフィル)]を使用することをお勧めします。
あなたはpointerdown、pointermove、およびpointerupイベントをリスンする必要があります。このようなイベントが発生したら、イベント座標をこのように構造体に追加します。
var myStroke; document.querySelector( '#myCanvasId')。addEventListener( 'pointerdown'、function(e){ e.preventDefault(); mystroke = {x:[]、y:[]、t:[]}; mystroke.x.push(e.clientX); mystroke.y.push(e.clientY); mystroke.t.push(e.timestamp) }、false);
document.querySelector( '#1 myCanvasId')のaddEventListener( 'pointermove'、関数(E){ e.preventDefault(); mystroke.x.push(e.clientX); mystroke.y.push (e.clientY); mystroke.t.push(e.timestamp) }、false);
document.querySelector( '#1 myCanvasId')のaddEventListener( 'pointerup'、関数(E){ e.preventDefault(); mystroke.x.push(e.clientX); mystroke.y.push (e.clientY); mystroke.t.push(e.timestamp)
// Send your stroke to the server
mystroke = {};
}, false);
あなたはもっと詳しい説明が必要な場合は、this videoを見て持つことができるデジタルインクのキャプチャについての詳細を10時40時
。