我正在使用MyScript,我注意到对于网络API(在此处查找示例:http://doc.myscript.com/MyScriptCloud/3.1.0/myscript-cloud/examples.html)," stroke" type是必需的,以及描述笔划的所有坐标。
我想知道我应该使用什么软件来生成这些笔画,或者我如何自己编程?官方文档中没有任何内容。
感谢您的时间。
答案 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。