Awesome-qr.js 优雅的花式二维码生成器

2019-05-13  本文已影响0人  汀上

官方文档地址:https://github.com/SumiMakito/Awesome-qr.js/blob/master/README-zh_CN.md

文件下载地址:https://github.com/SumiMakito/Awesome-qr.js

代码片段:

//引入
<script type="text/javascript" src="./js/require.js"></script>
//html
<img id='qrcode' src="">

//js
  var __awesome_qr_base_path = "js";
    require([__awesome_qr_base_path + '/awesome-qr'], function(AwesomeQR) {
        console.log(AwesomeQR)
        var img = new Image();
        img.crossOrigin = "Anonymous";
        img.onload = () => {
            AwesomeQR.create({
                text: 'Makito loves Kafuu Chino.',
                size: 200,
                margin: 20,
                backgroundImage: img,
                bindElement: 'qrcode',
                callback:function(){
                  console.log('success')
                },
                colorDark:'#222',
                colorLight:'#abc',

            });
        };
        img.src = "./timg.jpg";

文件结构
|- ...
|- index.html
|- js
|- awesome-qr.js
|- gif.js
|- gif.worker.js
|- require.js
|- ...

上一篇下一篇

猜你喜欢

热点阅读