在MyScript中获取墨迹

时间:2016-07-08 14:16:51

标签: image-processing web

我正在使用MyScript,我注意到对于网络API(在此处查找示例:http://doc.myscript.com/MyScriptCloud/3.1.0/myscript-cloud/examples.html)," stroke" type是必需的,以及描述笔划的所有坐标。

我想知道我应该使用什么软件来生成这些笔画,或者我如何自己编程?官方文档中没有任何内容。

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

服务器期望的笔划类型是具有x,y属性的json对象,包含两个整数数组。这些值表示在设备触摸屏上书写时的x,y坐标用户输入。您可以收集并添加时间戳作为JSON笔划类型结构的可选“t”属性。

作为第一个选项,您可以使用我们的web组件:myscript-math-web,myscript-text-web甚至MyScriptJS来管理用户墨迹捕获和画布中的渲染。

您也可以自己抓取用户手写内容,在这种情况下,我们建议您使用(jquery PEP)[https://github.com/jquery/PEP](指针事件Polyfill)来帮助您管理用户触摸屏事件,即指针事件。

您必须侦听指针,指针移动和指针事件。一旦发生此类事件,请以这种方式将事件坐标添加到结构中,例如:

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(' #myCanvasId')。addEventListener(' pointermove',function(e){                 e.preventDefault();                 mystroke.x.push(e.clientX);                 mystroke.y.push(e.clientY);                         mystroke.t.push(e.timestamp)         },false);

document.querySelector('#myCanvasId')。addEventListener(' pointerup',function(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。