【发布时间】：2022-01-05 06:14:16
【问题描述】：
我是网络/移动应用开发的新手。我正在使用 react-native。
我有一张包含多个多边形的图片，比如说this one。
我想用代码将每个这些形状（在图片中）转换为多个相应的生成形状。
我知道我可以使用styles 属性（宽度、边框、顶部、左侧等）手动执行此操作，但考虑到我想喜欢渲染从一张图片中提取的 100 多种不同的形状。
有没有什么工具可以通过上传图片自动生成styles代码？
即使我可以在图片编辑器中手动绘制形状，然后生成代码，也可以帮助我节省大量时间。
谢谢
【问题讨论】：
-
我怀疑你最终会手工完成它们，你是否使用 cip 路径和多边形进行了调查。使用 % 偏移量，至少不需要花一分钟时间来定义更简单的多边形，并且您可以正确控制结果。
-
@AHaworth 是的，我想我会这样做，我希望能找到一个工具对我这样做，或者至少允许在我的图片层上方绘制多边形形式，然后生成一些代码
-
TBH 我发现使用 % 手动完成会更准确 - 特别是在多边形有规则部分的情况下，绘图通常不够准确。
-
我正在寻找使用您所说的剪辑路径，但不幸的是它似乎与本机反应不兼容。使用具有多种样式的 StyleSheet 来执行多边形对我来说真的是一团糟
标签： css typescript react-native shapes