iink SDK Web

How to display handwriting coordinate data on HTML page

How to display handwriting coordinate data on HTML page

example:

handwriting coordinate data 

[{"timelong":339958644799,"ab_y":0,"ab_x":0,"scriptType":"Math","x":"64.54,64.54,64.51,64.50,64.44,64.42,64.37,64.37,64.35,64.35,64.30,64.29,64.26,64.23,64.23,64.21,64.24,64.22,64.24,64.22,64.22,64.21,64.22,64.23,64.26,64.30,64.29,64.34,64.37,64.37,64.35,64.35,64.34,64.34,64.34,64.35,64.36,64.40,64.55,64.77,65.05,65.35,65.71,65.97,66.16,66.38,66.44,66.50,66.56,66.60,66.62,66.64,66.62,66.57,66.58,66.55,66.54,66.51,66.47,66.47,66.44,66.42,66.37,66.35,66.32,66.25,66.15,65.97,65.78,65.44,65.09,64.83,64.56,64.37,64.34,64.33,64.33,64.33,64.35,64.36,64.37,64.37,64.37,64.37,64.36,64.33,64.29,64.22,64.22","y":"43.76,43.85,44.01,44.21,44.51,44.66,44.85,45.02,45.22,45.33,45.52,45.62,45.70,45.85,45.92,45.91,45.92,45.88,45.86,45.84,45.81,45.68,45.30,44.94,44.58,44.33,44.13,43.98,43.87,43.82,43.76,43.66,43.62,43.58,43.57,43.56,43.56,43.54,43.47,43.34,43.25,43.17,43.03,43.04,43.08,43.21,43.26,43.41,43.55,43.66,43.76,43.86,44.01,44.15,44.33,44.49,44.65,44.83,44.98,45.16,45.24,45.32,45.37,45.39,45.41,45.51,45.58,45.67,45.79,45.92,46.13,46.16,46.33,46.43,46.41,46.44,46.44,46.42,46.43,46.42,46.42,46.42,46.39,46.40,46.37,46.36,46.32,46.27,46.25"}]


display on html:

D


Dear Color Fang,


Thank you for contacting us.

As far as I understand your use cases, you want to send a set of strokes to the engine in a  single pass with the Web API.

You can refer to this section of the documentation: https://developer.myscript.com/docs/interactive-ink/1.4/web/iinkjs/editing/#series-of-events


This section refers to this online demo that corresponds to text recognition, but you can draw inspiration from it for a Math use. The corresponding source code is available here.


Best regards,


Gwenaëlle

Is there a call description of handwriting recognition interface API?

And instructions for use?






Dear Color Fang,


thank you for the update.


Currently, we are a bit puzzled, we are not sure we understand what is missing in my colleagues answer. Indeed, it seemed like you wanted to provide your strokes to our web API, then display these? In that case, the easier is that you refer to the links she pointed above:

-https://developer.myscript.com/docs/interactive-ink/1.4/web/iinkjs/editing/#series-of-events

-https://myscript.github.io/iinkJS/examples/v4/pointer_events.html

-https://github.com/MyScript/iinkJS/blob/master/examples/v4/pointer_events.html


Otherwise, if you need a full documentation, the easier and faster is that you refer to our iink web documentation: https://developer.myscript.com/docs/interactive-ink/1.4/web/overview/introduction/

You can then find examples with source code at the following link: https://myscript.github.io/MyScriptJS/examples/


If this doesn't help, please provide wtith more explanation, so that we can provide with a more accurate answer.


Best regards,


Olivier

Login or Signup to post a comment