qrender-react

安装方式

npm i -S qrender-react

使用方式

import React from 'react'
import ReactDOM from 'react-dom'
import QRender from 'qrender-react'

function App(props) {
  return (
    <div>
      <QRender text="1212"/>
    </div>
  )
}

ReactDOM.render(<App/>, document.querySelector('#app'))

Props

| 属性名 | 类型 | 必填 | 默认值 | 描述 | | ------------ | -------------------------- | ---- | ------ | -------------------------------------- | | text | String | 是 | | 二维码内容，支持url | | | padding | Number | 否 | 10px | 二维码边距，防止存储图片的时候没有留边 | | width | Number | 否 | 256px | 宽度 | | height | Number | 否 | 256px | 高度 | | src | String | 否 | | 二维码需要显示图标 | | imgWidth | Numebr | 否 | 60px | 图标宽度 | | imgHeight | Number | 否 | 60px | 图标宽度 | | typeNumber | Number | 否 | -1 | | | correctLevel | Number | 否 | 2 | 二维码清晰度，数值越大渲染越清晰 | | backgroud | String | 否 | #fff | 背景颜色 | | foreground | String | 否 | #000 | 二维码点的颜色 |