All Projects → Pudon → Weapp Qrcode Base64

Pudon / Weapp Qrcode Base64

微信小程序生成二维码的插件,基于base64编码输出二维码,不依赖canvas

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Weapp Qrcode Base64

Wxapp Webpack Plugin
📦 微信小程序 webpack 插件
Stars: ✭ 185 (+85%)
Mutual labels:  wechat, weapp, wxapp
Tina
💃 一款轻巧的渐进式微信小程序框架
Stars: ✭ 1,153 (+1053%)
Mutual labels:  wechat, weapp, wxapp
We Cropper
微信小程序图片裁剪工具
Stars: ✭ 1,972 (+1872%)
Mutual labels:  wechat, weapp, wxapp
Miniapp
微信小程序服务端 SDK (for Golang)
Stars: ✭ 815 (+715%)
Mutual labels:  wechat, weapp, wxapp
Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (+267%)
Mutual labels:  wechat, weapp, wxapp
Taro scaffold
基于 Taro / dva / redux-saga / react 的微信小程序脚手架,同时集成了 sprite 。
Stars: ✭ 24 (-76%)
Mutual labels:  base64, wechat, wxapp
Weapp
🐧 微信小程序组件和功能封装,基于微信Component自定义组件开发
Stars: ✭ 235 (+135%)
Mutual labels:  wechat, weapp, wxapp
Weapp One
ONE·一个|图文 微信小程序/开源代码
Stars: ✭ 295 (+195%)
Mutual labels:  wechat, weapp, wxapp
Weapp Qrcode
weapp.qrcode.js 在 微信小程序 中,快速生成二维码
Stars: ✭ 1,194 (+1094%)
Mutual labels:  qrcode, wechat, weapp
Weapp Qrcode
Wechat miniapp generate qrcode image
Stars: ✭ 339 (+239%)
Mutual labels:  qrcode, wechat, weapp
Wechat Weapp Mapdemo
微信小程序开发mapdemo,地图导航、marker标注
Stars: ✭ 491 (+391%)
Mutual labels:  wechat, weapp, wxapp
Okam
Mini program development framework
Stars: ✭ 399 (+299%)
Mutual labels:  wechat, weapp, wxapp
Wechat Weapp Movie
🎬电影推荐 - 微信小程序
Stars: ✭ 1,355 (+1255%)
Mutual labels:  wechat, weapp, wxapp
Masterwechatapp
『微信小程序』优秀教程、轮子、开源项目 资源汇总
Stars: ✭ 826 (+726%)
Mutual labels:  wechat, weapp
Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (+737%)
Mutual labels:  weapp, wxapp
Xiaochengxu demos
小程序优秀项目源码汇总,每个项目都有图有源码,零基础学微信小程序,小程序表格,小程序视频,小程序视频弹幕,小程序仿天猫大转盘抽奖等源码,小程序云开发,小程序发邮件,小程序支付,微信支付,持续更新。。。
Stars: ✭ 855 (+755%)
Mutual labels:  wechat, weapp
Leshare Shop Wepy
基于微信小程序的在线商城,采用wepy框架开发
Stars: ✭ 839 (+739%)
Mutual labels:  weapp, wxapp
Weapp Fontawesome Component
微信小程序的 fa 图标模块
Stars: ✭ 21 (-79%)
Mutual labels:  weapp, wxapp
Weixin Java Miniapp Demo
基于Spring Boot 和 WxJava 实现的微信小程序Java后端Demo
Stars: ✭ 779 (+679%)
Mutual labels:  wechat, wxapp
Taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
Stars: ✭ 30,230 (+30130%)
Mutual labels:  wechat, wxapp

weapp-qrcode

Generating the QR code in the form of Base64
微信小程序生成二维码的插件,基于base64编码输出二维码,不依赖canvas 理论支持全平台

PS: 主要在node-yaqrcode项目基础上进行改造适应微信小程序

说明

只需要在 wxml 文件中增加个image标签动态引用base64编码即可

<image src="{{qrcodeURL}"> </image>

使用NPM

npm install qrcode-base64

JS调用例子:

    import QR from 'qrcode-base64'

    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

JS调用例子:

    const QR = require('../../utils/weapp-qrcode.js')
    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

DEMO示例图

demo-img

TODO

  1. 组件化,适应 mpvue , wepy
  2. 更多配置项,灵活多样
  3. 样式自定义化,增加更丰富的样式
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].