lucky-canvas icon indicating copy to clipboard operation
lucky-canvas copied to clipboard

🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽...

Results 121 lucky-canvas issues
Sort by recently updated
recently updated
newest added

- 你当前是什么框架(必填):vue - 你使用的是哪个包(必填):lucky-canvas/vue - 你当前插件的版本(必填):0.1.11 - 当前环境是小程序还是浏览器(选填):浏览器 - 详细描述你的bug: 引用了vue-awesome-swiper(3.1.3) ,在slide中插入了大转盘。 设置了swiper配置中的切换属性effect为'fade',点击大转盘开始按钮,事件不触发。删除effect属性。大转盘开始按钮事件能正常触发 - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```

- 你当前是什么框架(必填):vue - 你使用的是哪个包(必填): SlotMachine - 你当前插件的版本(必填):latest - 当前环境是小程序还是浏览器(选填): - 详细描述你的bug: ![图像_2024-01-09_202925306](https://github.com/buuing/lucky-canvas/assets/17694154/c8f32973-c9de-4422-bb03-6330a9f27206) 老虎机奖品的图片,高度有限制,导致图片不变形的情况下,间距特别大。 - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 blocks: [ { borderRadius: '2vw', padding: '10px 0px 0 10px', },...

- 当前框架: electron+vite+vue3+vscode+macos - 项目依赖包: ``` "dependencies": { "@electron-toolkit/preload": "^2.0.0", "@electron-toolkit/utils": "^2.0.0", "@element-plus/icons-vue": "^2.3.1", "@lucky-canvas/vue": "^0.1.11", "@vueuse/core": "^10.7.0", "electron-updater": "^6.1.1", "element-plus": "^2.4.3", "knex": "^3.1.0", "nprogress": "^0.2.0", "pinia": "^2.1.7", "sqlite3": "^5.1.6",...

- 你当前是什么框架(必填): - 你使用的是哪个包(必填): - 你当前插件的版本(必填): - 当前环境是小程序还是浏览器(选填): - 详细描述你的bug: - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```

- 你当前是什么框架(必填): - 你使用的是哪个包(必填): - 你当前插件的版本(必填): - 当前环境是小程序还是浏览器(选填): - 详细描述你的bug: - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```

@lucky-canvas/react 版本0.1.13 ``` const [blocks] = useState([{ imgs: [{ src: “背景图片”, rotate: true }] }]); ``` 背景图片不支持2k和4k屏,满屏铺吗?

- 你当前是什么框架(必填):vue3 - 你使用的是哪个包(必填):@lucky-canvas/vue - 你当前插件的版本(必填):0.1.11 - 当前环境是小程序还是浏览器(选填):浏览器 - 详细描述你的bug:本地服务正常使用,打包发布后出现无法获取到 CanvasContext2D, Cannot read properties of undefined (reading 'translate') - 问题代码(重要): ``` import { inject, ref } from "vue"; import {...

taro - 你使用的是哪个包(必填): taro3.6.15 - 你当前插件的版本(必填): "@lucky-canvas/taro": "^0.0.14", - 当前环境是小程序还是浏览器(选填): 小程序 - 详细描述你的bug: npm install @lucky-canvas/taro@latest安装完,启动编译,微信开发工具上面就报错了 排查问题是先清空插件模板,发现没用,然后卸载插件包,就好了。不报错了,又安装了一次还是报错。就是小程序加载一下直接报错卡在index页面 ![image](https://github.com/buuing/lucky-canvas/assets/119299265/1d19e0ec-a7d6-4060-b029-db731d56ff32) - 问题代码(重要): - 下面是压缩包小demo。npm i npm run dev:weapp 在微信开发工具打开 [taro-template-demo.zip](https://github.com/buuing/lucky-canvas/files/12560011/taro-template-demo.zip) ``` //...

代码中直接引入 import {LuckyWheel} from "@lucky-canvas/taro/react"; const ref = useRef(); const data = { blocks: [{ padding: '13px', background: '#617df2' }], prizes: [ { range:1,fonts: [{ text: '0', top: '10%' }],...

- 你当前是什么框架(必填):vue3 - 你使用的是哪个包(必填):@lucky-canvas/vue - 你当前插件的版本(必填):0.1.11 - 当前环境是小程序还是浏览器(选填):浏览器 - 详细描述你的bug:目前是调用stop时传入中奖索引,当调用stop时,由于每列中奖饰品的位置不一样,同样时间内剩余旋转距离不一样,就会有突然加速的情况。能否做成,中奖索引、旋转时间走配置项,开始执行旋转之前就计算出每一列的旋转距离,这样就不会有突然加速的情况,每一列都会更平滑一些。大佬辛苦,只是提个小建议! - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```