使用React-Native ART绘制形状

时间:2018-08-09 19:49:01

标签: react-native d3.js

我有两个关于使用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格式吗?

我希望对这个话题有一些见解,非常感谢任何投入。

非常感谢。

0 个答案:

没有答案