将充满多边形形状的图片转换为代码

Posted 2023-02-16

【中文标题】将充满多边形形状的图片转换为代码

【英文标题】：Transform a picture full of polygons shapes to code

【发布时间】：2022-01-05 06:14:16

【问题描述】：

我是网络/移动应用开发的新手。我正在使用 react-native。

我有一张包含多个多边形的图片，比如说this one。

我想用代码将每个这些形状（在图片中）转换为多个相应的生成形状。 我知道我可以使用styles 属性（宽度、边框、顶部、左侧等）手动执行此操作，但考虑到我想喜欢渲染从一张图片中提取的 100 多种不同的形状。

有没有什么工具可以通过上传图片自动生成styles代码？ 即使我可以在图片编辑器中手动绘制形状，然后生成代码，也可以帮助我节省大量时间。

谢谢

【问题讨论】：

我怀疑你最终会手工完成它们，你是否使用 cip 路径和多边形进行了调查。使用 % 偏移量，至少不需要花一分钟时间来定义更简单的多边形，并且您可以正确控制结果。

@AHaworth 是的，我想我会这样做，我希望能找到一个工具对我这样做，或者至少允许在我的图片层上方绘制多边形形式，然后生成一些代码

TBH 我发现使用 % 手动完成会更准确 - 特别是在多边形有规则部分的情况下，绘图通常不够准确。

我正在寻找使用您所说的剪辑路径，但不幸的是它似乎与本机反应不兼容。使用具有多种样式的 StyleSheet 来执行多边形对我来说真的是一团糟

【参考方案1】：

找到了我该怎么做，我将使用 lib https://github.com/react-native-svg/react-native-svg