跟踪SVG路径

Question

我正在开发一个应用程序,它将教会用户如何编写外国字符(字符跟踪/字母跟踪),如汉字,韩文,阿拉伯语等.我通过Adobe Illustrator制作角色并将其作为XML文件导入Android .然后,SVG将作为跟踪其笔​​划和检测用户手势的指南,用户应该跟随笔划然后应该在正确完成后填充,否则它应该显示用户应首先跟踪的笔划.

请看下面的示例图片:下面的红线是我的手势,而绿线显示跟踪角色的正确方式,然后再继续其他笔划.

这里有没有人经历过这类项目的工作？是否可以使用原生的Android手势检测来做到这一点？提前致谢

免责声明:以下截图来自Chase Colburn开发 的应用日语汉字研究

Answer 1

如果我是你，我可能不会使用 SVG<path>元素。我会使用点序列（数组）（即相当于 SVG <polyline>）。这些点应该足够接近，以便绘制时看起来像一条平滑的线。或者您可以在渲染它们时应用一些平滑处理。

点数组的优点是，找到距离触摸位置最近的点比在任意位置上找到最近的点要容易得多<path>。当您用手指“追踪”时，您只需在所有点上画一条线，直到最接近触摸位置的点。

显然，对于大多数角色来说，您实际上会有两个或更多点数组。但您只需按顺序处理每个数组即可。