react-custom-roulette icon indicating copy to clipboard operation
react-custom-roulette copied to clipboard

Is there any way to change the position of red pin point image?

Open UmeshKrRana opened this issue 3 years ago • 2 comments

Hi, first of all, thank you very much for this wonderful library. I have a concern, can we change the position of the red pinpoint image, I want it to be on top (0 degree) instead of right (45 degree). Is it possible to customize it by changing its position? Using CSS we cannot do that because the winning result index is taking that same position. Please help me with this. Thank you.

UmeshKrRana avatar Sep 16 '22 05:09 UmeshKrRana

Hi @UmeshKrRana You can do this by rotating the canvas using CSS. I am doing the same and this worked for me.

sonykashyap avatar Oct 18 '22 13:10 sonykashyap

Hi @sonykashyap Thank you for your response. Can you please brief it more on how you did that?

UmeshKrRana avatar Oct 20 '22 18:10 UmeshKrRana

Hi @UmeshKrRana What I did I rotated the canvas by the number of degrees toward my required direction. Suppose you need a pin at the center toward the right side. So rotate it by 36deg. Here is the CSS. The hmoclu is the canvas class. You might have some other class. .hmocIu{ transform: rotate(36deg); }

sonykashyap avatar Oct 21 '22 04:10 sonykashyap

Hi @sonykashyap Thank you for your valuable response. It worked :)

UmeshKrRana avatar Jan 28 '23 10:01 UmeshKrRana

Hi @sonykashyap how do i put the pin at the center of the wheel on both axis with the pointer pointing upwards?

Kolajosh avatar Aug 16 '23 10:08 Kolajosh