buuing / lucky-canvas

🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr 调整清晰度适配移动端

Home Page:https://100px.net

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

奖品动画增减的话、默认配置中的offsetDegree不会实时变化、必须刷新页面才行

GitHubYuzai opened this issue · comments

  • 你当前是什么框架(必填):react
  • 你使用的是哪个包(必填):
  • 你当前插件的版本(必填):^0.1.13
  • 当前环境是小程序还是浏览器(选填):
  • 详细描述你的bug:奖品动画增减的话、默认配置中的offsetDegree不会实时变化、必须刷新页面才行
  • 问题代码(重要):
// 代码开始, 别再放歪了行吗

const defaultConfig = useMemo(() => {
        return {
            offsetDegree: (360 / prizes.length / 2),
            speed: 30,
            accelerationTime: 1500,
            decelerationTime: 1500,
        }
 }, [prizes.length])


 <LuckyWheel
       ref={ref}
       prizes={prizes}
       width={`5.06rem`}
       height={`5.06rem`}
       defaultConfig={defaultConfig}
       blocks={blocks}
       onEnd={onWheelEnd}
    />





// 代码结束