@xqui/qrcode

xq-qrcode

A web component for generate a qrcode image based on qrcode.js

XqQrcodeProps {
  color?: string,       // 颜色 
  value: string,        // 二维码的值
  size: string | number // 长宽的大小
}

Usage

• script

<script src="./qrcode.js"></script>
<xq-qrcode value="duck" size='200'></xq-qrcode>

• dynamic change value

<script src="./qrcode.js"></script>
<xq-qrcode size='200'></xq-qrcode>

<script>
var img_src = 'img_callback_url';
$('xq-qrcode').attr('value', img_src);
</script>

• es6+/modern lib(framework)

import React from 'react';
import '@xqui/qrcode';

function Foo() {
  return (
    <xq-qrcode value="duck" size='200' color="yellow"></xq-qrcode>
  )
}