React Native 获取具有 resizeMode='contain' 的图像的绝对位置答案

【问题标题】：React Native get absolute position of image that has resizeMode='contain'React Native 获取具有 resizeMode='contain' 的图像的绝对位置
【发布时间】：2021-01-04 16:20:34
【问题描述】：

我正在用 React Native 制作一个对象检测应用程序。我将图像发送到 Google Vision Api，然后 api 发回一个 JSON 文件，其中包含对象的坐标和大小。我想绘制指示对象的矩形。我不知道这样做的正确方法是什么。我正在尝试为此将 div 元素放在图像上。但是有一个问题：我的图像元素有 resizeMode='contain' 属性。所以不知道x=0，y=0点在哪里，大小是多少。

<Image source = ... resizeMode='contain' style={{flex: 1}}/>

如何获取图像的真实位置和大小？或者有什么建议可以画出反应角？

【问题讨论】：

标签： javascript css react-native

【解决方案1】：

您可以获得此处提到的图像大小https://stackoverflow.com/a/41864681/7873829。确定大小后，它将位于图像组件容器的中心。

【讨论】：