如何为onPress事件获取相对于根Svg的坐标？

问题描述

我在React Native中工作。但是我认为该程序对于React Native或HTML应该没有什么不同。

事件中我有以下可用数据：

/*
    https://facebook.github.io/react-native/docs/gesture-responder-system
      evt is a synthetic touch event with the following form:

        nativeEvent
          changedTouches - Array of all touch events that have changed since the last event
          identifier - The ID of the touch
          locationX - The X position of the touch,relative to the element
          locationY - The Y position of the touch,relative to the element
          pageX - The X position of the touch,relative to the root element
          pageY - The Y position of the touch,relative to the root element
          target - The node id of the element receiving the touch event
          timestamp - A time identifier for the touch,useful for velocity calculation
          touches - Array of all current touches on the screen
    */

我正在使用的代码：

<Svg
       height={mapContainerViewDims.height}
       width={mapContainerViewDims.width}
       viewBox="0 0 612 792"
       preserveAspectRatio="xMinYMin">
       <G
          onPressIn={({nativeEvent}) => {
          console.log(nativeEvent);
          setToolTipCord({
          x: nativeEvent.pageX,y: nativeEvent.pageY,});
          }}>{
          //some other svgs
          }
       </G>
</Svg>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）