LuckDraw / Lucky Canvas
Licence: bsd-3-clause
🌼🌼🌼 使用 TypeScript + 原生 Canvas 封装的 JS 抽奖插件【大转盘 / 九宫格】🚀 并内置了一个微型的响应式来处理异步数据渲染,🌈 一套源码适配多端框架 js / jq / vue / react / taro / uni-app / 微信小程序等等...
Stars: ✭ 156
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
js
455 projects
ts
41 projects
Labels
Projects that are alternatives of or similar to Lucky Canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-2.56%)
Mutual labels: canvas
Html2pdf.js
Client-side HTML-to-PDF rendering using pure JS.
Stars: ✭ 2,287 (+1366.03%)
Mutual labels: canvas
Vue Tree Chart
flexible tree chart using Canvas and Svg, powered by D3.js
Stars: ✭ 149 (-4.49%)
Mutual labels: canvas
Smartopencv
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库,解决了OpenCV Android SDK在图像预览方面存在的诸多问题,且无需修改OpenCV SDK源码,与OpenCV的SDK解耦
Stars: ✭ 1,869 (+1098.08%)
Mutual labels: canvas
Ngx Gauge
A highly customizable Gauge component for Angular 9+ apps and dashboards
Stars: ✭ 158 (+1.28%)
Mutual labels: canvas
Cax
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Stars: ✭ 1,864 (+1094.87%)
Mutual labels: canvas
Matter Js
a 2D rigid body physics engine for the web ▲● ■
Stars: ✭ 12,522 (+7926.92%)
Mutual labels: canvas
Gantt
Gantt chart library using jsx support SVG, Canvas and SSR
Stars: ✭ 148 (-5.13%)
Mutual labels: canvas
Gradex
An online tool to generate gradients background from given image so you can preview and download it.
Stars: ✭ 145 (-7.05%)
Mutual labels: canvas
Layaair discard
This is old LayaAir veriosn writetten by ActionScript 3.0 ,now LayaAir is using TypeScript as the Engine Script,Please use https://github.com/layabox/LayaAir instead.
Stars: ✭ 1,858 (+1091.03%)
Mutual labels: canvas
Pychat
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing
Stars: ✭ 152 (-2.56%)
Mutual labels: canvas
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+1237.18%)
Mutual labels: canvas
官方文档 & Demo演示
English:If anyone can help translate the document, please contact me
[email protected]
-
在 js / jq 中使用 lucky-canvas
-
在 vue 中使用 vue-luck-draw
-
在 react 中使用 react-luck-draw
-
在 uni-app 中使用 uni-luck-draw
-
在 taro 中使用 taro-luck-draw
-
在 微信小程序 中使用 mini-luck-draw
在 Js / JQuery 中使用
方式 1:通过 script 标签引入
为了避免 CDN 链接出现异常或波动,我非常建议你缓存到本地或服务器
<div id="my-lucky"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lucky-canvas.umd.min.js"></script>
<script>
// 大转盘抽奖
let luckyWheel = new LuckyCanvas.LuckyWheel({
el: '#my-lucky',
width: '300px',
height: '300px'
}, {
// ...你的配置
})
// 九宫格抽奖
let luckyGrid = new LuckyCanvas.LuckyGrid({
el: '#my-lucky',
width: '300px',
height: '300px'
}, {
// ...你的配置
})
</script>
Github 上面帮我点个star
☜(゚ヮ゚☜)
如果您觉得这个项目还不错, 可以在 友情链接
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].