![]() ![]() Labels are also simple to configure because the font size is calculated automatically. For example, a Wheel.LineWidth of 1 will be exactly 1px when the container size is 500px. Pixel properties are relative to a container size of 500px. For example, a Wheel.radius of 0.9 means the wheel will fill 90% of the container. Percentage properties are a percent of the container size. For that reason, some numeric properties are expressed as percentages, while others are expressed as pixels. ![]() The wheel is responsive and resizes automatically to fit it’s container, so when the size of the container changes you don’t have to worry about updating fiddly things like widths and font sizes. Developer playground (for testing and troubleshooting)Įverything is easy to configure.You can also set Wheel.isInteractive = true to allow the user to spin the wheel themselves by dragging or flicking. If precision is not important, you can use Wheel.spin() to immediately start spinning the wheel at a certain speed, which will be reduced over time according to Wheel.rotationResistance. ![]() spinToItem ( winningItemIndex, duration, true, 2, 1, easing ) Const winningItemIndex = await fetchWinningItemIndex () const duration = 4000 const easing = easing. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |