如何将以下Android路径表示转换为SVG路径表示? Android Path类使用此点来绘制自由格式条目,如何将它们转换为SVG Path标记?
"pointList":
[
{
"x": 822.94635,
"y": 266.12482
},
{
"x": 824.1951,
"y": 266.12482
},
...
{
"x": 979.0439,
"y": 186.02078
},
{
"x": 979.0439,
"y": 186.02078
}
]
答案 0 :(得分:2)
我假设要以直线的顺序绘制点。在这种情况下,您必须生成一个移动到(M
)命令,然后是几个行到(L
)命令,并用空格分隔它们以生成SVG路径d
属性。
您从移至生成
开始var d = "M" + pointList[0].x + "," + pointList[0].y;
然后其他人在pointList.length - 1
循环中使用 line-to ,在命令之间添加空格:
d += " " + "L" + pointList[i].x + "," + pointList[i].y;
你将拥有SVG路径的数据。
您应该知道这些位置是相对于视口定义的。