1.将lucky-canvas插件的源码文件复制到Vue项目的合适位置。通常，你可以将源码复制到项目的src目录下，...
lucky-canvas 的功能特色 简单自由。奖品/ 文字 / 图片 / 颜色 / 按钮均可自由配置;支持同步 / 异步抽奖;中奖概率前 / 后端可控 多端适配。支持Js / JQ / Vue / React / 微信小程序 / UniApp / Taro 等;并且多端表现完全一致 响应式。自动根据设备 dpr 调整清晰度;并支持使用 百分比 / rem / rpx ...
抽奖一 // 第一个抽奖constmyLucky=newLuckyCanvas.LuckyGrid('#my-lucky',{width:'300px',height:'300px',blocks:[{padding:'10px',background:'#869cfa'},{padding:'10px',background:'#e9e8fe'},],prizes:[{x:0,y:0,fonts:[{text:'谢谢参与',top:'40%'}],},{x:1,y:0,fonts:[{text...
🎖🎖🎖 基于 TS + Canvas 封装的【大转盘 / 九宫格】抽奖插件,🌈 一套源码适配多端框架 JS / JQ / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr
你当前是什么框架(必填):uniapp vue3 +ts 你使用的是哪个包(必填): "@lucky-canvas/uni": "^0.0.13", "lucky-canvas": "^1.7.27", 你当前插件的版本(必填):pnpm: 9.15.0 当前环境是小程序还是浏览器(选填):uniapp 打包 微信小程序 详细描述你的bug:在预览/真机调试情况下。 没有显示背景图(blocks...
🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 佬虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据
你当前是什么框架(必填):vue 你使用的是哪个包(必填):lucky-canvas/vue 你当前插件的版本(必填):^0.1.11 当前环境是小程序还是浏览器(选填):浏览器(PC模式 不是手机模式 不是手机模式 不是手机模式 重要的事情说三遍) 详细描述你的bug :页面缩放到最小刷新一下页面,
一个支持 vue2 / vue3 的(大转盘 / 九宫格 / 老虎机)luckydraw 抽奖插件 Version0.1.11LicenseApache-2.0 INSTALL Version: Static Open in jsfiddle Learn more Statistics Requests0 Bandwidth0 Top version -0 @lucky-canvas/vue Files are loading... ...
// npm 下载会默认到 node_modules 里面,直接引入包名即可 import LuckyWheel from '@lucky-canvas/uni/lucky-wheel' // 大转盘 import LuckyGrid from '@lucky-canvas/uni/lucky-grid' // 九宫格 // 如果你是通过 HBuilderX 导入插件,那你需要指定一下路径 // import LuckyWheel from '@/components/@...
🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 佬虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr 调整清晰度适配移动...