React component to generate a QR Code customizable with logo and more properties. Latest version: 3.0.0, last published: 7 months ago. Start using react-qrcode-logo in your project by running `npm i react-qrcode-logo`. There are 67 other projects in the
If you are using a React version >= 18, use react-qrcode-logo version >= 3.0.0 Props PropTypeDefault valueDescription valuestringhttps://reactjs.org/The value encoded in the QR Code. When the QR Code is decoded, this value will be returned ...
前言:使用qrcode.react之后并且添加了公司的logo通过手机扫描无法每次都成功识别二维码,原因分析为logo与整个二维码占比过大导致无法识别出该二维码。先介绍使用方法 1. 安装依赖 npm install qrcode.react 2. 在需要用的地方引入 import{QRCodeCanvas}from'qrcode.react'; ...
<QRCode value="https://github.com/gcoro/react-qrcode-logo" eyeRadius={5} // 5 pixel radius for all corners of all positional eyes /> Other examples: // Radius for each eye eyeRadius={[ 5, // top/left eye 10, // top/right eye 5, // bottom/left eye ]} // Radius for each...
import*asReactfrom'react';import{QRCode}from'react-qrcode-logo';React.render(<QRCodevalue="https://github.com/gcoro/react-qrcode-logo"/>,mountNode); Props PropTypeDefault valueDescription valuestringhttps://reactjs.org/The value encoded in the QR Code. When the QR Code is decoded, this...
2 changes: 1 addition & 1 deletion 2 package.json Original file line numberDiff line numberDiff line change @@ -1,6 +1,6 @@ { "name": "react-qrcode-logo", "version": "2.11.0", "version": "3.0.0", "description": "React component to generate a QR Code customizable with logo...
| `id` | `string` | `react-qrcode-logo` | Optional custom id for the QRCode canvas. You can use this prop if you have multiple QRCodes and need to differentiate them | | `style` | `React.CSSProperties` | | CSS style properties that will be applied to the canvas component | #...
TypeError: ReactDOM.findDOMNode is not a functionSign up for free to join this conversation on GitHub. Already have an account? Sign in to comment Assignees No one assigned Labels None yet Projects None yet Milestone No milestone Development No branches or pull requests 1 participant ...
import { QRCodeCanvas } from 'rc-qrcode'; import React from 'react'; export default () => { const [value, setValue] = React.useState('https://ant-design.antgroup.com/'); return ( <div> <input value={value} onChange={(e: React.ChangeEvent<HTMLInputElement>) => setValue(e.targ...
支持Logo 图片(包括背景透明的 PNG 图片) 支持Background Image 背景图片 支持标题,副标题设置 不依赖任何第三方 支持AMD,CMD, CommonJS/Node.js JavaScript 模块加载规范 Angular, Vue.js, React 支持 Try It! Try It! Demo preview QR Code Structure ...