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

1. 如题所示能否自定义 prizes 里面内容,比如文字的方向位置、图片的位置 ,如下图所示文字及图片的位置 ![image](https://user-images.githubusercontent.com/99799032/170238544-391bdc3a-a840-425e-91d7-7f9d408288c1.png)

级别C:需求优化 📆

- 你当前是什么框架(必填):react - 你使用的是哪个包(必填):@lucky-canvas/react - 你当前插件的版本(必填):^0.1.10 - 当前环境是小程序还是浏览器(选填): ![screenshot-20220613-141653](https://user-images.githubusercontent.com/19678133/173291513-6f67818e-9663-452a-8d7e-06b2ffc9261c.png) - 详细描述你的bug: - 问题代码(重要):代码是从官方react示例里改了一下在线运行的 ``` // 代码开始, 别再放歪了行吗 import React, { useState, useRef, useEffect } from 'react' import { LuckyWheel }...

提问 & 建议 📢

- 你当前是什么框架(必填):vue - 你使用的是哪个包(必填):vue - 你当前插件的版本(必填):"@lucky-canvas/vue": "^0.1.11", - 当前环境是小程序还是浏览器(选填): - 详细描述你的bug:请问老虎机模式下每个格子的宽高,是否有方法改变

级别C:需求优化 📆

- 你当前是什么框架(必填):uniapp - 你使用的是哪个包(必填):lucky-canvas v0.0.10.0 - 你当前插件的版本(必填):v0.0.10.0 - 当前环境是小程序还是浏览器(选填):支付宝小程序android 端 - 详细描述你的bug:android端渲染不出lucky wheel,真机页面显示空白,ios 端可以,调试工具也可以 - 问题代码(重要): ``` import LuckyWheel from '@lucky-canvas/uni/lucky-wheel' export default { components: { LuckyWheel }, data ()...

级别C:需求优化 📆
🏷 UniApp

能否添加配置项,让转盘进页面就缓慢转动着,现在不转动,太死板

级别C:需求优化 📆
🏷 Core

- 你当前是什么框架(必填):uniapp - 你使用的是哪个包(必填): 使用HBuilderX导入插件,"version": "1.7.19" - 你当前插件的版本(必填):"version": "1.7.19" - 当前环境是小程序还是浏览器(选填):微信小程序 - 详细描述你的bug: - 1.按文档进行引入,见[文档](https://100px.net/usage/uni-app.html) - 2.组件无法渲染,报错`lucky-canvas 获取不到 canvas 标签` - 3.根据栈错误定位,发现源码抛出错误 ```js // #endif if (!res[0] || !res[0].node) return...

🏷 UniApp

转盘会自动根据奖品数量来分配扇形区域, 也就是角度,在文档上看了几遍没看到,大佬能不能给个示例,就是中奖几率大的面积大 vue2中使用"@lucky-canvas/vue": "^0.0.3"

级别C:需求优化 📆
🏷 Core

# 提问模板 - 你当前是什么框架(必填): - vue / react / electron / uniapp / taro / 原生微信小程序 / 普通html页面 - 你使用的是哪个包(必填): - 不要当这个是重复问题, 也有人在uniapp里使用原生微信小程序的包, 魔改我的代码 - 你使用插件的版本(必填): - 如果你是通过npm安装的,那你可以在根目录下的 package.json 文件中查看插件的版本情况...

非常重要 !important

- 版本号:1.1.1 - 平台信息:小程序大转盘 - 详细描述:因为页面需要调用App.js的方法获取用户信息,这个方法是Promise的,在获得用户数据回调回来之后,组装大转盘的参数,发现奖品的图标能正常显示,但是奖品的标题,以及转盘指针角度设置无效。 - 问题代码(最好同时包含 html 和 js) ``` // 在这里粘贴你的代码 **App.js** userLogin() { let that = this; let promise = new Promise((resolve, reject) => { wx.login({...

级别D:灵异事件 👻
🏷 微信小程序

- 版本号:3.4.5 - 平台信息:vue - 详细描述: 设计稿如图,我已经让设计把背景图切成渐变的了,渐变色是搞定了,但是这个分隔线加不上去.如果我设置背景色和gutter .搞出分隔线了,奖品背景色就是单色.希望能指点下这个应该怎么处理,万分感谢 - 问题代码(最好同时包含 html 和 js) ``` // 在这里粘贴你的代码 ```

级别C:需求优化 📆
🏷 Core