microsoft-graph-api - 如何从 OneNote API 中获取 inkml 数据的位置？

Question

我可以从 OneNote API 中检索包含 inkML 数据的页面，如下所述：

https://developer.microsoft.com/en-us/onenote/blogs/onenote-ink-beta-apis/

当通过 api 检索页面时（页面数据和 inkML 数据）。我如何知道 inkml 数据的 X、Y 位置（参见图片），以将其与该页面的文本数据相关联？

Answer 1

您绘制页面的方式是正确的。从 API 检索到的信息格式为
<inkml:trace xml:id="st0" contextRef="#ctxCoordinatesWithPressure" brushRef="#br0">1423 7569 3456,x,y,F,etc.
x 和 y 坐标的原点来自页面的左上角（f 是压力）。检查以下InkMLjs github 页面以获取示例实现 dragdrop.html + inkml.js。只需保存检索到（或生成）的 InkML 数据并将其放入 dragdrop.html 网页即可显示。