We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
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 } });
The text was updated successfully, but these errors were encountered:
I had the same problem. I killed her like that. Removed option responsive and sets for canvas max-width: 100%
Sorry, something went wrong.
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).
zarocknz
No branches or pull requests
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
}
});
The text was updated successfully, but these errors were encountered: