2016-07-08 3 views
1

私はMyScriptを使用していますが、Web API(例:http://doc.myscript.com/MyScriptCloud/3.1.0/myscript-cloud/examples.html)には、ストロークを記述するすべての座標だけでなく、「ストローク」タイプが必要であることに気づきました。MyScriptでインクストロークを取得する

私はこれらのストロークを生成するためにどのようなソフトウェアを使用すべきか、それとも自分でプログラムすることができるのでしょうか?公式文書には何もない。

お時間をいただきありがとうございます。

答えて

1

サーバによって予期されるストロークタイプは、整数の両方の配列を含む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時

関連する問題