Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text on Image Wheel becomes blurry on responsive resize #90

Open
AFSIDD opened this issue Feb 22, 2020 · 2 comments
Open

Text on Image Wheel becomes blurry on responsive resize #90

AFSIDD opened this issue Feb 22, 2020 · 2 comments
Assignees

Comments

@AFSIDD
Copy link

AFSIDD commented Feb 22, 2020

The text on my wheel becomes blurry if i open it on mobile devices, although it works fine on desktop.

theWheel = new Winwheel({
'numSegments' : 2,
'textFontSize' : '16',
'responsive' : true,
'drawMode' : 'image',
'drawText' : true,
'textOrientation': 'horizontal',
'textDirection' : 'reversed',
'textAlignment' : 'center',
'textMargin' : 5,
'textFontFamily' : 'Ariel',
'textFontWeight' : 'lighter',
'textStrokeStyle': 'black',
'textLineWidth' : 0.2,
'textFillStyle' : 'white',
'textMargin' : '20',
'segments' : segments,
'animation' :
{
'type' : 'spinToStop',
'duration' : 5, // Duration in seconds.
'spins' : 8, // Number of complete spins.
'callbackFinished' : alertPrize
}
});

@zarocknz zarocknz self-assigned this May 6, 2020
@Orangeeeeeeeee
Copy link

I had the same problem. I killed her like that. Removed option responsive and sets for canvas max-width: 100%

@enislahu81
Copy link

I have the same problem expect i don't have the responsive attribute true. I am only using small height and width on mobile like (360x360).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants