Replies: 1 comment
-
Hey! I know that this discussion is old but this library may be helpful. You cannot just simply recognize press gesture on elements rendered on the Skia Canvas. Another way to do this is just rendering all of circles and tooltips with React Native over the canvas. You would be able to easily control press gestures then. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I am looking at implementing this in skia or reanimated, I am just confused how to do it, I have this Image
![Rectangle 41](https://private-user-images.githubusercontent.com/17801912/274780228-8c70a182-7e4b-4546-a599-b3f0a2486a73.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3NzkyMTQsIm5iZiI6MTcyNDc3ODkxNCwicGF0aCI6Ii8xNzgwMTkxMi8yNzQ3ODAyMjgtOGM3MGExODItN2U0Yi00NTQ2LWE1OTktYjNmMGEyNDg2YTczLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDE3MTUxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY2Y2JjZTRmNjMzMzc4MmY0ZDQzNzc1OGMwM2EwNDdjOWMzZTcxODUyNTViMTBmODUyZWY4MTJjMDFiNTYxYjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.tIH7hpkpDnQxxzk56pPNt2nQGCZLdcUJ_PZsJ4yUmrk)
![Screenshot 2023-10-13 at 10 36 47 AM](https://private-user-images.githubusercontent.com/17801912/274780315-509634b0-cd26-4302-b7be-3f482ea938f1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3NzkyMTQsIm5iZiI6MTcyNDc3ODkxNCwicGF0aCI6Ii8xNzgwMTkxMi8yNzQ3ODAzMTUtNTA5NjM0YjAtY2QyNi00MzAyLWI3YmUtM2Y0ODJlYTkzOGYxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDE3MTUxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ5NmZiN2UyNTZhM2ZiY2MyNzFmNTlhNmE5MzUzMDMxZjA1ZGQ4M2RmNmM5MTE0OGMzN2MxYTg0MzMyODM3Y2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yPE-BCNFWPUlT3aDPPzXNRExr5tDsCJDfTrFHPX664A)
and in React Native I need to add circle markers as you see in this screenshot:
I have implemented pan and zoom before on Image but I am confused how to add those markers and render a component on press, and make those markers move as it is zoom and pan
Beta Was this translation helpful? Give feedback.
All reactions