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": "^2.7.10", - 你使用的是哪个包(必填):"@lucky-canvas/vue": "^0.1.11", - 你当前插件的版本(必填):"@lucky-canvas/vue": "^0.1.11", - 当前环境是小程序还是浏览器(选填):游览器 - [详细描述你的bug:] ![de](https://user-images.githubusercontent.com/40719410/192205678-696dd320-c6e0-4792-940f-b5a44149c4f7.png) - 问题代码(重要): [et2.zip](https://github.com/buuing/lucky-canvas/files/9643431/et2.zip) ``` // 代码开始, 别再放歪了行吗 //main.js import VueLuckyCanvas from '@lucky-canvas/vue' Vue.use(VueLuckyCanvas) //homeView.vue console.log(1); //...

级别B:兼容 bug 💉

- 你当前是什么框架(必填):Vue - 你使用的是哪个包(必填):@lucky-canvas/vue - 你当前插件的版本(必填):0.1.11 - 当前环境是小程序还是浏览器(选填):浏览器 如何实现,点击开始,启动抽奖,然后按钮编程“停止”,再次点击“停止”按钮,停止抽奖。 当前情况下,启动抽奖后,点击开始按钮了,就不再触发回调函数了

- 你当前是什么框架(必填):原生微信小程序 - 你使用的是哪个包(必填):"lucky-canvas/mini, - 你当前插件的版本(必填):"@lucky-canvas/mini": "0.0.7", - 当前环境是小程序还是浏览器(选填):小程序 - 详细描述你的bug:原生微信小程序老虎机基础例子prizes中的数据全部不展示,切无报错。 ![企业微信截图_17141008939798](https://github.com/buuing/lucky-canvas/assets/37390969/a5a96072-0119-4f82-9253-0fef41b99842) / - 问题代码(重要): ``` Page({ /** * 页面的初始数据 */ data: { blocks: [ { padding: '10px', background: '#869cfa'...

- 你当前是什么框架(必填):vue - 你使用的是哪个包(必填):@lucky-canvas/vue - 你当前插件的版本(必填):1.7.27 - 当前环境是小程序还是浏览器(选填):浏览器 - 详细描述你的bug:在使用 html2canvas 将包裹着大转盘组件 LuckyWheel 的内容生成图片时,图片可以正常生成,但是只有大转盘部分是空的,排查了是因为canvas绘制的时候,大转盘内图片跨域了,需要设置crossOrigin属性 - 问题代码(重要): ``` 今日剩余{[ count }}抽奖机会 开始抽奖 generateImage() { const element = this.$refs.content htm12canvas(element).then((canvas) => {...

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

- 你当前是什么框架(必填): - react - 你使用的是哪个包(必填): - @lucky-canvas/react - 你当前插件的版本(必填): - 0.1.13 - 当前环境是小程序还是浏览器(选填): - 浏览器 - 详细描述你的bug: - React 对应包里为了避免 effect 执行两次判断了 ref 是否存在,不是很优雅,按理来说不应该手动去兼容 effect 跑两次。可以在 lucky-canvas 的对应对象上加上一个销毁的方法,释放所有资源,这样在组件销毁时直接调用对应销毁方法就行了。

- 你当前是什么框架(必填):vue3-vite4-ts - 你使用的是哪个包(必填): - 你当前插件的版本(必填):使用 yarn 安装 - 当前环境是小程序还是浏览器(选填):浏览器 - 详细描述你的bug:添加转盘背景图希望添加一个初始旋转角度! - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```

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

- 你当前是什么框架(必填):uniapp - 你使用的是哪个包(必填):uni-luck-draw - 你当前插件的版本(必填):1.3.9 - 当前环境是小程序还是浏览器(选填):uniapp的app端 - 详细描述你的bug:在app端,不管是模拟器还是实机都卡顿严重,无法使用 - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 const luckyWheel = shallowRef({ blocks: [{ padding: '13px', imgs: [{ src: IMAGE_BENEFIT_WHEEL_BORDER, top: 0,...

- 你当前是什么框架(必填):uniapp - 你使用的是哪个包(必填):uni - 你当前插件的版本(必填):0.0.10 - 当前环境是小程序还是浏览器(选填): - 详细描述你的bug: - 需要支持uniapp 打包app使用哪个版本的?之前找到过一个老版本的,现在找不到了。 - 问题代码(重要): ``` // 代码开始, 别再放歪了行吗 // 代码结束 ```