dash qr manager

DASH QR Manager是圍繞React-Google-Qrcode和React-QR-Reader的包裝器。

安裝

pip install dash-qr-manager

用法

創建QR碼

 import dash_qr_manager as dqm
import dash
import dash_html_components as html

app = dash . Dash ( __name__ )

app . layout = html . Div (
    children = [
        dqm . DashQrGenerator (
            id = 'qr-code' ,
            data = 'http://example.com/' ,
            framed = True ,
        )
    ]
)

if __name__ == '__main__' :
    app . run_server ( debug = True )

讀取QR碼

 import dash_qr_manager as dqm
import dash
from dash . dependencies import Input , Output
import dash_html_components as html

app = dash . Dash ( __name__ )

app . layout = html . Div (
    children = [
        dqm . DashQrReader (
            id = 'qr-code-reader' ,
            style = { 'width' : '50%' }
        ),
        html . Div ( id = 'qr-code-data' )
    ]
)


@ app . callback (
    Output ( 'qr-code-data' , 'children' ),
    Input ( 'qr-code-reader' , 'result' )
)
def code ( qr_code_data ):
    return qr_code_data


if __name__ == '__main__' :
    app . run_server ( debug = True )

文件

dashqrgenerator

 Keyword arguments:

- id (string; optional):
    The ID used to identify this component in Dash callbacks.

- data (string; optional):
    The data to encode.

- framed (boolean; optional):
    Adds a frame to the image.

- size (number; optional):
    Image size in pixels (width x height). Min value: 30, Max value:
    547.

- style (dict; optional):
    The style of the QR code.

for more information: https://www.npmjs.com/package/react-google-qrcode

dashqrreader

 Keyword arguments:

- id (string; optional):
    The ID used to identify this component in Dash callbacks.

- className (string; optional):
    ClassName for the container element.

- containerStyle (dict; optional):
    Style object for the container element.

- result (string; optional):
    decoded data.

- scanDelay (number; optional):
    The scan period for the QR hook.

- style (dict; optional):
    The style of the QR code.

- videoContainerStyle (dict; optional):
    Style object for the video container element.

- videoId (string; optional):
    The ID for the video element.

- videoStyle (dict; optional):
    Style object for the video element.

for more information: https://www.npmjs.com/package/react-qr-reader