我有两个关于使用React-Native ART绘制形状的问题。
React-Native ART库包含一个Path
组件,可以像这样使用
import { ART } from "react-native";
const { Path } = ART;
var path = new Path();
path.lineTo(100, 0);
path.close();
console.log(path)
此输出为Array [2, 100, 0, 1, ]
此数组/路径可以像这样被提供给React-Native ART的Shape
<Shape
d={path}
stroke="#000"
strokeWidth={1}
/>
在这种情况下,它将绘制一条水平线。
另一个流行的用于生成路径的javascript库是d3-shape。典型的d3.shape.line()
的输出看起来像M0,80L100,100L200,30L300,50L400,40L500,80
。该字符串也可以提供给React Native Shape进行绘制。
我的2个问题如下:
1)如何向Shape
提供两种格式
2)是否可以将ART的路径中的数组格式转换为d3中的字符串格式。我需要这种特殊的能力。还可以从d3格式转换为ART格式吗?
我希望对这个话题有一些见解,非常感谢任何投入。
非常感谢。