效果图展示 图片是随便用的本地图片(懒得在网上找图片资源了),大家可自行替换成自己想要的图片哈,我这里就是简单实现一下demo。 代码如下 抽奖一 // 第一个抽奖constmyLucky=newLuckyCanvas.LuckyGrid('#my-lucky',{width:'300px',height:'300px',blocks:[{padding:'10px',background:'#869cfa'},{padding...
效果图展示 图片是随便用的本地图片(懒得在网上找图片资源了),大家可自行替换成自己想要的图片哈,我这里就是简单实现一下demo。 代码如下 抽奖一 // 第一个抽奖constmyLucky =newLuckyCanvas.LuckyGrid('#my-lucky', {width:'300px',height:'300px',blocks: [ {padding:'10px',background:'#869cfa'}, ...
官方文档 & Demo演示 中文:https://100px.net English:If anyone can help translate the document, please contact meldq404@qq.com 适配框架npm包npm下载量CDN使用量 JS/JQlucky-canvas Vue2.x/Vue3.xvue-luck-draw Reactreact-luck-draw UniAppuni-luck-draw ...
Latest commit History 320 Commits .github packages .gitignore LICENSE README.md lerna.json package.json README Apache-2.0 license lucky-canvas 抽奖插件 一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 ) 抽奖插件 官方文档 & Demo演示 中文:https://100px.net ...
官方文档 & Demo演示 中文:https://100px.net English:If anyone can help translate the document, please contact me ldq404@qq.com 贡献者 🤖 🛰 📚 🦄 🛰 🛰 🛰 🛰 🛠 🎨 🛠 🛠 🛠 🛠 🛠 🛠 🛠 📚 📚 🎨 🎨 🎨 🎨 🎨 ...
官方文档 & Demo演示中文:https://100px.net English:If anyone can help translate the document, please contact me ldq404@qq.com在uni-app 中使用1. 安装插件你可以选择通过 HBuilderX 导入插件: https://ext.dcloud.net.cn/plugin?id=3499 也可以选择通过 npm / yarn 安装 # npm 安装: npm install...
官方文档 & Demo演示 中文:https://100px.net English:If anyone can help translate the document, please contact me ldq404@qq.com 贡献者 🤖 🛰 📚 🦄 🛰 🛰 🛰 🛰 🛠 🎨 🛠 🛠 🛠 🛠 🛠 🛠 📚 📚 🎨 🎨 🎨 🙏🙏🙏 点个Star 如果您觉得这个项目还不错...
feat: 修改lerna配置 && 修复@lucky-canvas/react包example代码, 3年前 README Apache-2.0 lucky-canvas 抽奖插件 官方文档 & Demo演示 贡献者 🙏🙏🙏 点个Star 友情链接 lucky-canvas 抽奖插件 一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 / 老虎机 ) 抽奖插件 适配框架npm包最新版本npm下载...
体验小游戏链接:https://demo.luckyw.cn/code.h... 初始化 首先在html页面中添加中添加一个canvas元素,并给出一个id用于在js代码中获取该元素并对其进行操作 <canvas id="canvas"></canvas> 然后就是对各种参数,注释中都有给出,我就不多说了,直接看 ...
HTML5 (canvase)拓扑图、关系图: http://www.jtopo.com/demo/layout-circle.html vis.js网址: https://visjs.org/ vue项目中的使用: 1、npm install vis 2、在关系图的页面引入vis 3、使用: