https://github.com/mumuy/widget-qrcode

二维码组件 - 二维码图片根据内容实时变动_QRCode tool,QRCode WebCompotent,
https://github.com/mumuy/widget-qrcode

qrcode qrcode-generator qrcode-image qrcodejs web-components

Last synced: 26 days ago
JSON representation

二维码组件 - 二维码图片根据内容实时变动_QRCode tool,QRCode WebCompotent,

• Host: GitHub
• URL: https://github.com/mumuy/widget-qrcode
• Owner: mumuy
• License: mit
• Created: 2024-05-15T17:50:21.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T17:01:23.000Z (5 months ago)
• Last Synced: 2024-05-29T07:39:24.684Z (5 months ago)
• Topics: qrcode, qrcode-generator, qrcode-image, qrcodejs, web-components
• Language: JavaScript
• Homepage: https://passer-by.com/widget-qrcode/
• Size: 600 KB
• Stars: 17
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 基于Web component的二维码组件

## 演示地址

[https://passer-by.com/widget-qrcode/](https://passer-by.com/widget-qrcode/)

## 网页组件

```html

```

## 属性说明

    
组件属性

    

        属性说明

    

    

        value二维码内容

        template样式模板,可选：'default','water','diamond','hexagon','star','rect','bar','heart','glitter','stroke','fusion'

        level纠错等级,可选：'M','L','Q','H'

        width二维码宽度，默认：300

        height二维码高度，默认：300

        background-color背景色，默认：#ffffff

        foreground-color前景色，默认：#000000;（多色用逗号分隔）

        inner-color定位点内层颜色，默认：#000000

        outer-color定位点外层颜色，默认：#000000

        background-image背景图片地址

        foreground-image前景图片地址

        logologo图片地址

        text悬浮文本内容

        text-color悬浮文本颜色

        text-stroke悬浮文本描边